本文解决了Vue项目中由于文件打包导致的CSS加载错误问题。通过调整utils.js中的ExtractTextPlugin配置，设置正确的publicPath路径，确保CSS相对路径正确指向，从而避免运行时的加载错误。
原因：
由于 vue 项目文件夹最终会打包压缩为 js 。当运行的时候，css 中的相对路径指向已经发生变化指向了根目录，所以出现加载错误的问题。
解决方案：
如果是用 vue-cil 构建，那么在 build 目录下找到 utils.js 中的 ExtractTextPlugin.extract({}),
里面添加 publicPath: ‘…/…/’,
之后重新打包上传即可。
Vue 项目上传服务器后背景图片404
最新推荐文章于 2023-05-26 09:25:34 发布
原因：
由于 vue 项目文件夹最终会打包压缩为 js 。当运行的时候，css 中的相对路径指向已经发生变化指向了根目录，所以出现加载错误的问题。
解决方案：
如果是用 vue-cil 构建，那么在 build 目录下找到 utils.js 中的 ExtractTextPlugin.extract({}),
里面添加 publicPath: ‘…/…/’,
之后重新打包上传即可。
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
扫一扫
700
