问题1描述:
通过vuecli生成的项目,执行npm run build 部署后会报错,找不到样式和js文件。原因在于通过webpack 和vuecli编译的路径是绝对路径,并且将static认为是根路径。
解决办法:
更改目录config/index.js找到build 对象下的assetsPublicPath,将原来的
assetsPublicPath:'/'
改成
assetsPublicPath:'./'
就可以变成相对路径
问题2描述:
样式中引用的背景图地址出现异常,地址被错误编译成 url(static/img/x'x'x.png)
解决方法:
找到build/utils.js 其中ExtractTextPlugin.extract的选项增加 publicPath:'../../',问题就可以解决了,如下
return ExtractTextPlugin.extract({
use: loaders,
fallback: 'vue-style-loader',
publicPath:'../../'
})