使用 vue-cli 打包后在 dev 环境没问题 但是在 build 环境中会多了一层, 从而找不到路径 404
背景: 按照之前的配置, 在 config 的 index.js 文件中是修改 build 的
assetsPublicPath: './',
问题呈现:
解决办法: 查阅资料说可以直接
background-image: url('/static/banner@2x.png');
打包发现是可以在本地运行, 但是图片的路径直接是相对于根路径, 上传服务器还需要自己指定.
而且项目中的 static 和 assets 还是有区别的 一般 static 放别人的, 而 assets 放自己的资源
https://segmentfault.com/q/1010000009842688
最后在 https://stackoverflow.com/questions/39648785/vue-cli-webpack-background-url-path-issue 上使用 import 的方式导入, 在使用内敛样式直接引入
来源: http://www.qdfuns.com/note/41500/8e41dc826188c36cbdaa87ce4e34154f.html