在内网中部署 Vue+Vant的项目时，发现所有的 icon 图标全部是小方块无法正常显示。查看网络请求，发现图标字体引用的在线文件。[https://img.yzcdn.cn/vant/vant-icon-6ae417.woff]
查阅官方文档如下图，发现默认使用cdn，如果想使用本地需要引入import 'vant/lib/icon/local.css'
官方介绍
修改main.js 如下
import Vant from 'vant';
import 'vant/lib/index.css';
import 'vant/lib/icon/local.css'; //本地
Vue.use(Vant);
然后在内网环境中就可以显示了。
在内网中部署 Vue+Vant的项目时，发现所有的 icon 图标全部是小方块无法正常显示。查看网络请求，发现图标...
有时在Vant的项目时，发现所有的 icon 图标全部是小方块无法正常显示。 查看network，发现图标字体引用...
记录一个无线网卡无法使用的问题 点击打开WiFi模块，无网络显示 设备管理器中无WiFi模块 WiFi驱动正常，蓝...
案例 问题描述 使用 Graphics画图在Windows中无乱码问题，放到服务器上无法正常显示中文 原因 lin...
为了安全起见，在很多企业，网络环境是不能连接外网的，而需要使用OpenShift的话，就需要离线部署。离线部署与在...
因为网络问题，使用的服务器都无法连接公网因此必须使用离线部署的方式进行部署使用的设备列表如下： hostnamei...
遇到的问题，使用vant-circle导致遮挡fav按钮，这种情况需要真机测试，编译器上显示正常原因是vant-c...
首先吐槽下这个框架，不是主流框架，遇到的bug在网上查资料很难找到，还是用element ui等主流框架吧 今天项...
解决uniapp项目中使用vant 图标报错问题 在使用uniapp开发项目时，使用到了vant Weapp组件...
本文标题：Vant 在离线无网络环境中使用 icon 无法显示的问题
本文链接：https://www.haomeiwen.com/subject/chizkktx.html
网友评论