Appearance

Web 组件函数：setFetch ​

本教程是 Iconify Icon Web 组件教程 的一部分。

函数 setFetch() 可用于加载 Fetch API 的实现。

为什么需要它？ ​

在浏览器中使用图标组件时，它依赖于 fetch() 从 Iconify API 获取数据。

所有现代浏览器均支持此功能。

较旧版本的 Node.js 不支持 Fetch API。在 Node.js 17 版本中，可通过使用标志 "--experimental-fetch" 来启用它，但如果没有该标志，则无法使用 Fetch API。 这意味着当在 Node.js 环境的服务器端使用时，图标组件无法从 Iconify API 获取图标数据。

使用方法 ​

该函数具有以下参数：

  • fetch。函数 fetch()。

步骤 ​

  1. 安装 cross-fetch（如果你使用的是 CommonJS）或 node-fetch（如果你使用的是模块）作为依赖。
  2. 在使用任何图标组件函数之前，使用内部的 setFetch() 函数来设置第三方 Fetch API。
jsimport { _api } from 'iconify-icon';
import fetch from 'cross-fetch';
//  import fetch from 'node-fetch';

// 在执行任何操作之前设置 Fetch API
_api.setFetch(fetch);

此代码只能添加到在服务器端运行的脚本中，不应打包供客户端使用。浏览器已经支持 Fetch API，因此在浏览器中不需要此代码。