npm 包 bees-request 使用教程

背景

在前端开发中，我们经常需要向服务端发送请求并获取对应数据。js原生的 XMLHttpRequest（XHR）用起来比较麻烦，需要手动设置请求头、监听响应事件等。 为了方便前端工程师们发送网络请求，出现了很多好用的第三方库，npm 包 bees-request 就是其中一个。

简介

bees-request 是一款简单易用的网络请求库，功能强大，支持跨域，支持 Promise 和 async/await 等功能，被广泛应用于前端开发中。

安装

如果你使用的是 npm 包管理器，在命令行中输入以下命令即可:

npm install bees-request --save

或者使用 yarn：

yarn add bees-request

使用方法

发送 GET 请求

import request from 'bees-request';

request.get('https://www.example.com/api/data', {params: {page: 1, limit: 10}})
  .then(res => console.log(res))
  .catch(err => console.error(err));

发送 POST 请求

import request from 'bees-request';

request.post('https://www.example.com/api/save', {data: {name: 'John', age: 18}})
  .then(res => console.log(res))
  .catch(err => console.error(err));

支持的请求方式

bees-request 支持常见的请求方式: GET、POST、PUT、DELETE、HEAD、OPTIONS

更多配置项

除了前面提到的参数之外，bees-request 还支持以下配置:

headers

可以设置请求头，格式为普通的 key-value 对象。

import request from 'bees-request';

request.get('https://www.example.com/api/data', {headers: {'Accept-Language': 'en'}})
  .then(res => console.log(res))
  .catch(err => console.error(err));

timeout

设置请求超时时间，单位为毫秒。

import request from 'bees-request';

request.get('https://www.example.com/api/data', {timeout: 5000})
  .then(res => console.log(res))
  .catch(err => console.error(err));

withCredentials

设置是否允许跨域请求发送 cookie 等信息。

import request from 'bees-request';

request.get('https://www.example.com/api/data', {withCredentials: true})
  .then(res => console.log(res))
  .catch(err => console.error(err));

错误处理

使用 Promise 的 catch 方法即可捕捉请求过程中出现的错误，如网络错误或服务器返回的错误信息。

import request from 'bees-request';

request.get('https://www.example.com/api/data', {params: {page: 1, limit: 10}})
  .then(res => console.log(res))
  .catch(err => console.error(err));

Promise 和 async/await

bees-request 支持 Promise 和 async/await 两种用法：

-- -------------------- ---- -------
-- -------
----------------------------------------------- -------- ------ -- ------ -----
  --------- -- -----------------
  ---------- -- --------------------

-- -----------
----- -------- --------- -
  --- -
    ----- --- - ----- ----------------------------------------------- -------- ------ -- ------ ------
    -----------------
  - ----- ----- -
    -------------------
  -
-

结尾

以上就是关于 bees-request 的完整使用教程，bees-request 简单易用且功能强大。希望本篇文章能为你提供一些帮助和指导。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055aeb81e8991b448d891b