客户现场Iconify图标使用报错,Iconify 通过请求api服务器获取图标的数据,然后渲染到页面上。
Iconify 项目提供了公共API服务,提供了超过70种图标集共10万多个图标。这些图标服务器分布在世界各地,公共API地址是 https://api.iconify.design。除了域名 https://api.iconify.design,还有两个备用域名,https://api.simplesvg.com 和 https://api.unisvg.com。
toB的项目是部署到客户的局域网中,无法访问外网的一些地址。这时候就需要在打包的时候就把图标的资源打包进去。
在项目src目录下创建iconify-ep文件夹,里面创建index.js:
import { addCollection } from '@iconify/vue'
import ep from '@iconify-json/ep/icons.json'
export async function downloadAndInstall() {
addCollection(ep)
}
在main.js中引入:
import { downloadAndInstall } from './iconify-ep/index'
downloadAndInstall()