一，將本地的Vue專案打包

1.1 進入Vue專案裡面
1.2 執行 npm run build

二，將打包得到dist資料夾進行壓縮，壓縮包上傳到伺服器上

2.1 將打包得到的dist資料夾進行壓縮

當你執行完npm run build之後，你會發現，在Vue專案中多了一個dist資料夾，我們需要對這個資料夾進行壓縮

2.2 將dist壓縮包拉到伺服器上

①藉助終端連線工具，連線到伺服器上
我是使用SSH工具的

②將dist壓縮包拉到tomcat的webapps下

③對伺服器上的dist壓縮包進行壓縮

	執行指令 unzip dist.zip
 

三，訪問Vue專案

3.1 訪問路徑
http:// ip ：埠 /dist/

3.2 出現問題

①進去之後，發現頁面是空白的

請檢視我的另外一篇文章：https://blog.csdn.net/daotiao0199/article/details/83988978

②進去之後，發現圖片路徑亂了
請檢視我的另外一篇文章：https://blog.csdn.net/daotiao0199/article/details/83988978

③進去之後，發現自己編寫的樣式被第三方外掛的樣式給覆蓋了
請檢視我的另外一篇文章：https://blog.csdn.net/daotiao0199/article/details/83991564