element el-icon 后台部署后出现乱码问题如何解决

image.png

element版本为最新版2.13.0,在本地没有出现过乱码,后台部署之后大部分时候可以正常显示图标,偶尔会出现的乱码。。请教下大佬们如何解决。。有时候iconfont也是一样的

回答>>

你查一下打包后index.html文件,查看css文件路径是否正确,如果不整改就要改一下你的配置


请确定一下样式文件的编码格式,以及字体文件的加载是否完成。


后台部署之后,大部分时间能正常显示,偶尔一下会成乱码,刷新之后又是好的。。。这是浏览器缓存导致的,你可以打开控制台,看看是不是浏览器是不是从 disk cache 取图标。

解决方法:
1.vue在打包时,css和js名字都加哈希值。
2.nginx 改配置,具体怎么改让后台看吧,我一个前端不太懂。。。但是我的后台改了


你的sass是不是用dart-sass打包的?我这边之前是用dart-sass打包,打包后的图标的css会变成:before{content:"顨?"},浏览器解析的时候偶尔会直接乱码,经测试修改为node-sass打包后,icon图标的css:before{content:"e6e8"}之后就再无乱码问题,同样使用的是element2.13.0


你好,这个问题解决了么,跟你遇到了同样的问题,能不能说一下解决方案