引入的离线字体图标打包后不能显示 · Issue #I5PQDY · lyt-Top/vue-next-admin - Gitee.com

开源项目 > WEB应用开发 > 后台管理框架 &&

/ 详情

已完成

创建于

2022-09-05 14:59

1.引入阿里的字体图标，开发环境可以正常显示，打包部署后图标不能显示，el的图标可以正常显示
开发环境:
输入图片说明
打包部署后

创建了任务

遇到了同样的问题。运行环境可能没有外网。如何将字体同时打包

下载图标，离线引入项目不就好了吗？

是已经离线引入项目了，开发都可以正常显示，打包部署后就不显了

第一个看你引用方式有没有问题，第二个看你nginx配置代理的时候有没有代理正确

我是把在线的图标，改成了离线图标，下载了离线字体图标，打包后nginx部署就不显示离线图标，使用element本身的图标没问题输入图片说明

看下引入方式是相对位置还是绝对位置,如果是绝对定位的话需要配置一下vite的静态资源的存放路径

https://lyt-top.gitee.io/vue-next-admin-doc-preview/config/iconfont/#%E8%87%AA%E5%AE%9A%E4%B9%89%E5%BC%95%E5%85%A5%E6%9C%AC%E5%9C%B0%E5%9B%BE%E6%A0%87

https://lyt-top.gitee.io/vue-next-admin-doc-preview/config/build/#%E6%89%93%E5%8C%85

将任务状态从 待办的 修改为已完成

登录后才可以发表评论

状态

负责人

里程碑

Pull Requests

关联的 Pull Requests 被合并后可能会关闭此 issue

分支

开始日期 - 截止日期

-

置顶选项

优先级

参与者（5）

TypeScript

1

https://gitee.com/lyt-top/vue-next-admin.git

git@gitee.com:lyt-top/vue-next-admin.git

lyt-top

vue-next-admin

vue-next-admin