1.1.0 • Published 7 months ago
miniyfetch v1.1.0
MiniFetch
miniyfetch 是一个轻量级的 JavaScript HTTP 请求库,用于发送异步 HTTP 请求。
- 用于需要兼容低版本浏览器的库或项目使用
- 可直接打包到项目内,避免引入 axios 等较重的库
- 支持 ssr 场景下使用
安装
使用 npm 安装该包:
npm install miniyfetch
使用方法
从包中导入 fetch
函数:
import fetch from 'miniyfetch';
示例:发起 GET 请求
fetch('https://api.example.com/data')
.then(response => {
// 处理响应
})
.catch(error => {
// 处理错误
});
示例:发送 POST 请求
const options = {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
data: {
name: 'John Doe',
age: 30
}
};
fetch('https://api.example.com/user', options)
.then(response => {
// 处理响应
})
.catch(error => {
// 处理错误
});
API
fetch(url, options, responseType)
发送 HTTP 请求。
url
(string): 请求的 URL。options
(object): 请求选项,包括方法、头部和请求体等。method
(string, 可选): 请求的方法,默认为 'GET'。headers
(object, 可选): 请求头部的对象,每个属性表示一个请求头的名称和对应的值。data
(object|string, 可选): 请求的主体数据,通常在发送带有请求体的 POST、PUT 等请求时使用。
responseType
(string, 可选): 响应的数据类型,默认为 'json',其他值会被处理为字符串。
返回一个 Promise 对象,用于处理请求结果。Promise 解析后会返回响应数据,Promise 拒绝后会返回错误对象。
环境支持
支持浏览器和 NODE 环境
- 在浏览器环境下,使用 XMLHttpRequest 实现。
- 在 Node.js 环境下,使用 http 模块实现。