vue專案打包

終端執行命令 npm run build

打包成功的標誌與專案的改變，如下圖：

點選index.html，通過瀏覽器執行，出現以下報錯，如圖：

那麼應該如何修改呢？
具體步驟如下：
1、檢視package.js檔案的scripts命令
2、開啟webpack.dev.conf.js檔案，找到publicPath: config.dev.assetsPublicPath,按Ctrl點選，跳轉到index.js檔案
3、其中dev是開發環境，build是構建版本，找到build下面的assetsPublicPath: '/',然後修改為assetsPublicPath: './',即“/”前加點。
4、終端執行 npm run build 即可。

此時點選index.html，通過瀏覽器執行便，會發現動態繫結的static的圖片找不到，故static必須使用絕對路徑。將圖片路徑修改為絕對路徑，至此，打包完成。