在使用Vue CLI进行npm run build打包上线时遇到了资源加载失败和CSS文件过大的问题。解决方法包括修改assetsPublicPath为'./'，设置productionSourceMap为false以取消调试文件，以及限制CSS中图片大小避免转换为base64。对于CSS文件过大的问题，尝试了分割CSS和调整后端数据接收限制的方法。
npm run build
打包后上传，页面不显示，打印错误信息：
Failed to load resource: net::ERR_FILE_NOT_FOUND
资源加载不了了，网上查找解决方法：
找到config里的index.js,打开修改assetsPublicPath 为“./”
依然不显现，继续查找：
将webpack.prod.conf.js 中output添加参数publicPath:'./'
打包后上传，页面正常显示，问题解决。
取消调试文件
config:index.js中：
productionSourceMap值为flase
打包后css文件过大导致有些浏览器读取失败
目前想到的是减少css文件大小
方法一：
限制css中img icon等的大小limit，防止编译为base64图片增加文件空间；在w
最低0.47元/天 解锁文章
扫一扫
433
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
