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

Question

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

Answer 1

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

Answer 2

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

Answer 3

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

Answer 4

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

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

Answer 5

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

Answer 6

遇到了同样的问题，尝试了楼上大家说的，还是没找到原因，楼主有其他解决方案吗

Answer 7

你好，我想问下，如果我的项目，是使用node-sass进行打包的，但是也是出现你这种情况，该怎么解决呢？