vue项目build打包后图片路径不对导致图片空白不显示问题解决方法

1、在上篇文章src配置及引入的基础上修改项目配置:

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

2、具体配置过程如图:

(1)、修改config文件夹下的index.js文件下的build对象下如下(修改 assetsPublicPath:'/' assetsPublicPath:'./'):

(2)、修改build文件夹下的utils.js文件如下(需添加 publicPath:'../../'):

示例:(1)未修改publicPath的图片路径,图片无法正常显示。

(2)添加publicPath的图片路径,可以正常显示。

3、重新npm run build 即可。

原文地址:https://www.cnblogs.com/hsl-shiliang/p/10333237.html