vue项目使用webpack打包后部署到服务中无法读取静态资源
·
在打包vue项目时，因为通过脚手架生成的项目，部署到服务中会出现读取静态资源404的情况！这些问题其实都是打包的项目静态资源的路径设置的问题，我们需要设置为绝对路径。如果是相对路径则会出错了！
1.js文件404
我们找到webpack配置，比如我的是config中index.js
只需要将
assetsPublicPath: '/'
修改为
assetsPublicPath:'./'
即可
2.静态图片或者使用的element-icons.woff 等文件
只需要在打包工具类文件中修改配置
增加上这个配置即可
publicPath: '../../'
魔乐社区（Modelers.cn) 是一个中立、公益的人工智能社区，提供人工智能工具、模型、数据的托管、展示与应用协同服务，为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作，由全产业链共同建设、共同运营、共同享有，推动国产AI生态繁荣发展。
更多推荐
0
0- 0
已为社区贡献3条内容
所有评论(0)