Vuecli3.0 中使用element-ui，生产环境中icon图标无法显示

weixin_38051598 2019-04-29 06:35:34

image.png848×232 15.4 KB 如图所示，我在打出生产包之后发现element组件中的图标全都不能正常显示了，开发环境是好的。请问各位大神知道是什么原因吗？

...全文

2893 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

weixin_38125013 2019-04-29

打赏
举报

回复 1

已经解决了，原来是后台的拦截器没有把字体格式的文件放开，所以访问不到。。。

m0_61150717 2021-12-24

举报

回复

@weixin_38125013 怎么解决呀？能具体说一下嘛？

weixin_38067693 2019-04-29

打赏
举报

回复

我的目录中是有fonts文件夹的，可是不知为什么，在生产环境中却访问不到

vue3.0中友好使用antdv示例详解　　随着我们vue3.0的出现，我们的ui组件库也有了一些变化，像我们的旧版的element-ui已经不能在vue3.0中使用了，如果要使用element的话需要使用最新版的element-plus，由于发现它并不太好用，因此我选择了Ant Design Vue。　　如果我们以前经常使用antd的话，我们使用起来这个上手会非常方便。　　1.首先使用我们的vue/cli创建vue3.0项目并使用less　　2. 在vue3.0中使用的话我们需要安装 ant-design-vue@next 版本，安装完之后，我们只需要在main.js文件中把antdv引入

场景描述因为业务需求，需要"script-loader"包运行了以下命令yarn add"script-loader": "0

首先需要明确的是： icon不显示发现是路径不对，请求路径是/dist/static/css/static/fonts/732389de.element-icons.ttf，多了css/static。正确路径应该是/dist/static/fonts/732389de.element-icons.ttf vue-cli2 可以更改utils.js文件 if (options.extract) { return ExtractTextPlugin.extract({ use: loaders,

Element-ui和Element-Plus的区别_Element2和Element3的区别一、定义区别 Element-UI对应Element2：基本不支持手机版 Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库 Element-Plus对应Element3：组件布局考虑了手机版展示基于 Vue 3，面向设计师和开发者的组件库二、框架区别 Element-ui适用于Vue2框架 Element-plus适用于Vue3框架三、开发中

Vue Cli 3.0发布到现在6个月了，从2.0到3.0的距离就像是Spring到Spring Boot的距离。网上有各种中文的英文的意大利文的介绍，这里就不多啰嗦了。近一段时间的项目，大部分的Icon图标来源于阿里矢量图的图库，但是一旦手痒弄几个别的SVG，比如： SVG 实现复杂线条动画对没错，这篇文章的主题是为了推广一下这位大佬的微博，各位可以感受一下纯粹的CSS加上想象力之后有多么...

其他技术讨论专区

477

社区成员

790,951

社区内容

发帖

与我相关

我的任务

其他技术论坛（原bbs）

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章