vue項目打包

vue項目打包
終端運行命令 npm run build

打包成功的標誌與項目的改變，以下圖：

 

 

點擊index.html，經過瀏覽器運行，出現如下報錯，如圖：

 

那麼應該如何修改呢？
具體步驟以下：
一、查看package.js文件的scripts命令
二、打開webpack.dev.conf.js文件，找到publicPath: config.dev.assetsPublicPath,按Ctrl點擊，跳轉到index.js文件
三、其中dev是開發環境，build是構建版本，找到build下面的assetsPublicPath: '/',而後修改成assetsPublicPath: './',即「/」前加點。
四、終端運行 npm run build 便可。

此時點擊index.html，經過瀏覽器運行便，會發現動態綁定的static的圖片找不到，故static必須使用絕對路徑。將圖片路徑修改成絕對路徑，至此，打包完成。
---------------------
做者：CHH5431
來源：CSDN
原文：https://blog.csdn.net/qq_41115965/article/details/80796310
版權聲明：本文爲博主原創文章，轉載請附上博文連接！