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

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

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

二、具体配置过程如图:ui

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

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

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

(2)添加publicPath的图片路径,能够正常显示。对象

三、从新npm run build 便可。blog

相关文章
相关标签/搜索