1. 命令列輸入：npm run build
打包出來後專案中就會多了乙個資料夾dist，這就是我們打包過後的專案。
第乙個問題，檔案引用路徑。我們直接執行打包後的資料夾中的index.html檔案，會看到網頁一片空白，f12除錯，全是css，js路徑引用錯誤的問題。
解決：到config資料夾中開啟index.js檔案。
檔案裡面有兩個assetspublicpath屬性，更改第乙個，也就是更改build裡面的assetspublicpath屬性：
assetspublicpath屬性作用是指定編譯發布的根目錄，『/』指的是專案的根目錄 ，』./』指的是當前目錄。
改好之後重新打包專案，執行index.html檔案，我們可以看到沒有報錯了。但是router-view裡面的內容卻出不來了。
第二個問題：router-view中的內容顯示不出來。路由history模式。
這個坑是當你使用了路由之後，在沒有後端配合的情況下就手賤開啟路由history模式的時候，打包出來的檔案也會是一片空白的情況，
很多人踩這個坑的時候花了很多時間，網上的教程基本上都是說的第乙個坑，這個坑很少有人提起。
解決：// mode: 'history',//將這個模式關閉就好
這裡並不是說不能開啟這個模式，這個模式需要後端設定的配合，詳情可以看：路由文件
第三個問題 就是背景引用資源錯誤
此時通過img標籤引入的顯示正常，是因為img為html標籤，他的路徑是由index.html開始訪問的，他走static/img/'名'是能正確訪問到的
具體辦法是：
開啟build/utils.js，在圖中相應位置加入紅框內容，其中值可能會有不同，若不同，自己配置成相應的即可。
vue專案打包需要修改的路徑問題
vue cli專案打包需要修改的路徑問題 vue 打包生成配置檔案，方便外部修改公共路徑，不用每次都進行打包部署 vue打包後改變路徑的問題 命令列輸入 npm run build 打包出來後專案中就會多了乙個資料夾dist，這就是我們打包過後的專案。第乙個問題，檔案引用路徑。我們直接執行打包後的資...
vue cli專案webpack打包結構
每次我們拿到vue的專案，第一步都是先npm install載入其依賴，其然後是npm run dev執行這個專案，我很好奇其內部的怎樣執行的，就把這大概的流程走一走，以供參考。我們先來看一下package.json的目錄 每次當我們npm run dev的時候，其首先執行的是build webpa...
Vue cli專案打包並訪問
1 修改build資料夾下的utils.js檔案 在options.extract的邏輯裡面增加 publicpath 防止處理打包後找不到靜態檔案 2 修改config資料夾下的index.js 修改assetspublicpath 防止js檔案找不到 3 在vue專案根目錄，執行npm run ...