打包发布到线上,页面偶发性出现图标乱码问题,再次刷新页面后,又可正常显示
先说一下出现步骤:
线上测试环境(即代码build打包发布的环境)使用F12打开调试模式,此时刷新页面,图标乱码。
解决步骤
image.png
目前找到的解决方案是将sass的版本升级为1.39.0版本, 然后配置vue.config.json的css打包方式
image.png
image.png
css: {
loaderOptions: {
sass: {
sassOptions: {
outputStyle: 'expanded'
}
}
}
}
最后重新打包上传线上就可以了