vue2项目打包之后,经常会把一些比较大的库放到cdn上,笔者在使用element时候,element图标显示乱码,经过3个小时调试,终于解决
https://unpkg.com/element-ui@2.15.13/lib/theme-chalk/index.css
点击上述链接,进入页面之后,复制页面内容到IDE
由于上述红框内没有加载成功,导致图标显示异常。
解决办法:
在https://unpkg.com/element-ui@2.15.13/lib/theme-chalk/找到fonts文件夹
打开fonts文件夹,将element-icons.ttf element-icons.woff文件单独上传到cdn
修改font-face的url地址为cdn地址
然后,将index.css重新上传到cdn即可解决