➢ 现象:图标不见了
本地环境没有问题,打包部署到服务器上图标就不见了
在控制台提示error找不到字体的资源路径

➢ 解决方案
这个问题可能是vue-cli脚手架配置问题
在build/webpack.prod.conf.js中
module: {
rules: utils.styleLoaders({
sourceMap: config.build.productionSourceMap,
extract: false,
usePostCSS: true
})
}
,
把extract:true 改为 fasle,然后再重新build就可以了
npm run build

转载:https://www.cnblogs.com/piaoyang2087/articles/10458163.html
本文详细介绍了在Vue项目中遇到的图标消失问题及其解决方案。在本地环境正常的情况下,部署到服务器后图标丢失,控制台显示找不到字体资源路径的错误。通过调整webpack.prod.conf.js中的extract属性,将true改为false,重新构建项目即可解决问题。
713

被折叠的 条评论
为什么被折叠?



