prod环境publicPath为相对路径时,css中引用的url路径错误

发布网友发布时间：2023-06-08 07:39

共1个回答

热心网友时间：2024-06-12 08:55

更改config/index.js配置文件build.assetsPublicPath为 './'
在App.vue的 <style> 中加一个background: url('./asssets/images/xxx.png')之类相对路径引用的样式

此时进行打包命令

你会发现提取出来的 css 中 url() 中图片的路径是 static/img/xxx.png 这样的,用浏览器打开index.html将会有 xxxxxxx/static/css/static/img/xxx.png 这个图片 404 的报错

主要是需要单独为 css 配置 publicPath ,更改 build/utils.js 文件中 ExtractTextPlugin 插件的 options 配置：

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。E-MAIL:11247931@qq.com