问题

本栗子是基于vue-cli2.9.6,当我们安装好vue-cli马上开始撸项目,npm run dev进入开发环境时是没有问题的,但当我npm run build 进行项目打包,打包好后浏览disk/index.html 项目时会发现有报错,是资源路径出错,如下
clipboard.png

我们再看看index.html里的代码

clipboard.png

这里所有的资源路径都是 /static/,显然这个相对路径有问题,应该为./static/ 才对(“./”表示当前同级目录开始。“/”表示根目录开始。),那么怎么改呢,这里的/static/应该是webpack配置里生产环境的output中的publicPath影响的,那怎么搞呢

解决方法

我们打开vue-cli/config/index.js文件,找到build.assetsPublicPath修改为assetsPublicPath:'./'

clipboard.png

强撸灰飞烟灭。。。

然后在npm run build 一哈就ok了,就这么简单!(是只有2.9.6版本才会有这样的问题还是2.x都有,就不知道了)


炮哥炮炮
161 声望4 粉丝

人生苦短,必须性感!