在Vue項目開發完成后，我們需要對項目進行打包，才能發布到線上。而Wamp則是一款非常常用的Web開發環境，今天我們將使用Wamp來部署Vue打包后的項目。

首先，我們需要將Vue項目進行打包。在項目根目錄下打開終端，輸入命令 npm run build，等待打包完成即可。

npm run build

打包完成后，我們可以找到生成的dist目錄，這個目錄就是我們需要部署到Wamp的文件。

然后，我們需要將整個dist目錄復制到Wamp的www目錄下。一般來說，Wamp的安裝目錄是C:\wamp，而www目錄就是C:\wamp\www。

在www目錄下創建一個新的文件夾，例如我們創建一個名為my-vue-project的文件夾，將dist目錄里的所有文件復制到這個文件夾里。

現在，我們可以通過訪問localhost/my-vue-project來查看我們部署的Vue項目。

但是，現在打開頁面會發現控制臺報錯，因為當前頁面無法正確的加載相關的靜態資源。這是因為我們的Vue打包使用了相對路徑，而當前路徑已經發生了變化。

解決這個問題比較簡單，我們只需要修改index.html文件中的靜態資源引用路徑即可。將原來的相對路徑修改為絕對路徑即可。

修改完成后，我們再次刷新頁面，問題就得以解決了。

最后，我們還可以通過Wamp中的Virtual Hosts配置，來使我們的Vue項目更加友好的呈現在瀏覽器中。Virtual Hosts可以對域名進行配置，將本地訪問localhost改為一個自定義的域名，例如vue-project.local。

我們只需要在Wamp的安裝目錄下找到conf文件夾，打開httpd.conf文件，在末尾添加以下代碼：

# Virtual Hosts 配置ServerAdmin webmaster@localhost
DocumentRoot "C:\wamp\www\my-vue-project"
ServerName vue-project.local
ErrorLog "logs/vue-project-error.log"
CustomLog "logs/vue-project-access.log" common

以上代碼表示我們創建了一個名為vue-project.local的虛擬主機，將它的根目錄設為C:\wamp\www\my-vue-project。

最后，我們需要在本地hosts文件中添加一個解析規則：

# Wamp Virtual Hosts
127.0.0.1       vue-project.local

可以在C:\Windows\System32\drivers\etc目錄找到hosts文件，以管理員身份打開文件并添加以上代碼即可。

現在，我們只需要在瀏覽器中輸入vue-project.local即可訪問我們的Vue項目了。