vue項目build打包後圖片路徑不對致使圖片空白不顯示問題解決方法

一、在上篇文章src配置及引入的基礎上修改項目配置：

文章連接地址：https://www.cnblogs.com/hsl-shiliang/p/10333022.html。

二、具體配置過程如圖：

（1）、修改config文件夾下的index.js文件下的build對象下以下（修改 assetsPublicPath:'/' 爲 assetsPublicPath:'./'）：

（2）、修改build文件夾下的utils.js文件以下（需添加 publicPath:'../../'）：

示例：（1）未修改publicPath的圖片路徑，圖片沒法正常顯示。

（2）添加publicPath的圖片路徑，能夠正常顯示。

三、從新npm run build 便可。