介绍
Ky-universal 是一个轻量级的 http 请求工具，可以在浏览器和 Node.js 环境下使用。它基于 Fetch API 和 node-fetch，并提供了一些额外功能。
本文将介绍如何使用 ky-universal 进行 http 请求，并说明其功能和优势以及一些常见问题。
安装
使用 npm 安装 ky-universal。
npm install ky-universal
使用方法
在浏览器中使用：
import ky from 'ky-universal';
const response = await ky.get('/api/data', { timeout: 10000 }).json();
console.log(response);在 Node.js 中使用：
import ky from 'ky-universal/node';
const response = await ky.get('http://localhost:8080/api/data', {
timeout: 10000,
}).json();
console.log(response);基本功能
ky-universal 具有以下一些基本功能：
超时设置
const response = await ky.get('/api/data', { timeout: 10000 });在上述例子中，将请求超时时间设置为 10 秒钟。
JSON 数据
const response = await ky.post('/api/data', {
json: { foo: 'bar' },
}).json();在上述例子中，发送一个 post 请求，并且请求体中发送 json 数据。
FormData 数据
const formData = new FormData();
formData.append('foo', 'bar');
const response = await ky.post('/api/data', {
body: formData,
}).json();在上述例子中，发送一个 post 请求，并且请求体中发送 FormData 数据。
Header
const response = await ky.get('/api/data', {
headers: { Authorization: `Bearer ${token}` },
}).json();在上述例子中，发送一个 get 请求，并且在请求 header 中添加 Authorization 字段和 token。
高级功能
ky-universal 还提供了一些高级功能，如拦截器、重试等。
拦截器
-- -------------------- ---- -------
----- ------------------ - --------- -- -
----- ----- - -----------
-- ------- -
------------------------------------ ------- -----------
-
------ --------
--
----- -------- - ----- ------------------- -
------ -
-------------- ---------------------
--
----------在上述例子中，定义了一个 addAuthInterceptor 拦截器，在请求前在 header 中加入 Authorization 字段和 token。将该拦截器加入到请求的 hooks 中，即可在请求前被执行。
重试
const response = await ky.get('/api/data', {
retry: {
limit: 3,
methods: ['get'],
options: { timeout: 1000 },
},
}).json();在上述例子中，设置了请求重试的参数。当请求失败时，将自动重试请求。重试次数限制为 3 次，只有 get 请求会被重试，请求超时时间为 1 秒钟。
常见问题
ky 和 ky-universal 有什么区别？
ky 只能在浏览器中使用，而 ky-universal 可以在浏览器和 Node.js 环境下使用。如果你的项目需要同时支持浏览器和 Node.js，你应该使用 ky-universal。
ky 和 axios 有什么区别？
ky 更加轻量级，并且提供了一些特殊的功能，如请求拦截器和自动重试。axios 更加灵活，并且提供了一些高级功能，如取消请求和拦截请求和响应等。根据项目需求选择适合的工具。
总结
本文介绍了 ky-universal 的基本使用方法和一些高级功能。同时，我们也解答了一些常见问题。希望本文可以帮助读者了解 ky-universal，并在项目中使用它。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f08feab403f2923b035c000