开发者社区> 问答> 正文

Element UI图标不显示问题怎么解决?

Vue.js - 解决部署到服务器后Element UI图标不显示问题(404错误)

问题描述

(1)element-ui 自带了一套常用的图标集合,使用起来十分方便。最近发现当 Vue.js 项目中使用 element-ui 图标时,如果使用 npm run dev 方式启动,图标是显示正常的:

(2)而一旦使用 npm run build 编译打包后发布到服务器上,会发现图片显示不出来(Chrome 浏览器下显示方块)。

原文:Vue.js - 解决部署到服务器后Element UI图标不显示问题(404错误)

(3)查看网络请求可以看到如下两个字体文件加载不到:

http://localhost:59090/static/css/static/fonts/element-icons.535877f.woff

http://localhost:59090/static/css/static/fonts/element-icons.732389d.ttf

展开
收起
我是小美女 2021-10-28 16:17:13 1364 0
0 条回答
写回答
取消 提交回答
问答排行榜
最热
最新

相关电子书

更多
使用TensorFlow搭建智能开发系统自劢生成App UI代码 立即下载
Fusion Design - 企业级UI解决方案揭秘 立即下载
使用TensorFlow搭建智能开发系统自动生成App UI 立即下载