问题
本栗子是基于vue-cli2.9.6,当我们安装好vue-cli马上开始撸项目,npm run dev进入开发环境时是没有问题的,但当我npm run build 进行项目打包,打包好后浏览disk/index.html 项目时会发现有报错,是资源路径出错,如下
我们再看看index.html里的代码
这里所有的资源路径都是 /static/,显然这个相对路径有问题,应该为./static/ 才对(“./”表示当前同级目录开始。“/”表示根目录开始。),那么怎么改呢,这里的/static/应该是webpack配置里生产环境的output中的publicPath影响的,那怎么搞呢
解决方法
我们打开vue-cli/config/index.js文件,找到build.assetsPublicPath修改为assetsPublicPath:'./'
强撸灰飞烟灭。。。
然后在npm run build 一哈就ok了,就这么简单!(是只有2.9.6版本才会有这样的问题还是2.x都有,就不知道了)
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。