打包后的文件小图标在浏览器上显示有时候会变成乱码,如何解决

发布于 2020-12-08 13:39
共11个回答
UJ
游客uJLTPs

是这个图标吗? image.png

这个图标是加载的/public/favicon.ico,可以在/public/index.html中查看到代码:

<link rel="icon" href="<%= BASE_URL %>favicon.ico" />

你可以打开调试控制台看下这个文件有没有正确加载:

image.png

RG
游客rgTrkP

不是这个图标 是页面内部的图标

RG
游客rgTrkP

像左侧菜单的方向箭头就会变成乱码

UJ
游客uJLTPs

左侧方向键是用了element UI的图标。

image.png

你需要检查是否正确加载字体文件:

image.png

RG
游客rgTrkP

打包之前是不会出现这个问题的,打包后才出现这个问题,请问应该如何解决呢?

UJ
游客uJLTPs

你要查看一下是否正确加载字体文件呢? 看下加载路径,打包后是否对应位置是否还存在。

KR
游客kRzvoQ

打包后的element UI 图标会出现乱码,乱码出现后刷新浏览器就好了

KR
游客kRzvoQ

企业微信截图_16115554495094.png 就像这样的乱码

回答问题