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

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

2、具体配置过程如图:

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

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

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

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

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

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

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

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

3、重新npm run build 即可。

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-12-22
  • 2021-12-22
  • 2021-07-01
  • 2022-01-20
  • 2021-08-25
  • 2021-06-06
猜你喜欢
  • 2022-01-04
  • 2022-12-23
  • 2021-09-07
  • 2021-05-06
  • 2021-10-20
  • 2022-12-23
  • 2021-09-07
相关资源
相似解决方案