Vant 离线/内网 引入本地 字体/Icon图标是小方块 “□”的解决办法

 

第一步:下载所需的  JS/CSS 样式文件到本地(点击对应的路径下载到本地;例如SpringBoot项目放到:static/css/**    以及  static/js/**)

Vant 离线/内网 引入本地 字体/Icon图标是小方块 “□”的解决办法

 第二步:修改index.css样式文件中的  https://*** 相关的信息

  (1)找到 需要联网获取的  https://** 相关的信息

Vant 离线/内网 引入本地 字体/Icon图标是小方块 “□”的解决办法

  (2)下载 index.css 中 https://** 路径指向的文件下载到本地,进行替换

Vant 离线/内网 引入本地 字体/Icon图标是小方块 “□”的解决办法

 

排错部分:

01:failed to decode downloaded font:<URL>

Vant 离线/内网 引入本地 字体/Icon图标是小方块 “□”的解决办法

报错原因:资源文件被拦截(根据提示的 http://** 路径能访问到文件即为正确)

解决方法:本地放开静态资源的访问权限即可,保证使用 上面的http://**  可以访问到文件。