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

chuliul
  • 64

image.png

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

回复
阅读 7.6k
7 个回答
✓ 已被采纳

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

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

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

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

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

BillXiangXBB
  • 1
新手上路,请多包涵

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

胡杨林
  • 1
新手上路,请多包涵

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

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

你知道吗?

宣传栏