vue-cli 2 打包后的路径问题

问题

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

咱们再看看index.html里的代码vue

clipboard.png

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

解决方法

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

clipboard.png

强撸灰飞烟灭。。。vue-cli

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

相关文章
相关标签/搜索