Vant 在离线无网络环境中使用 icon 无法显示的问题

2020-07-22  本文已影响0人  我就是看看哦

在内网中部署 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);

然后在内网环境中就可以显示了。

上一篇下一篇

猜你喜欢

热点阅读