前言
在前端开发中，我们经常需要跟后端进行数据交互，而在实际的项目开发中，我们使用 RESTful API 进行数据交互的情况非常普遍。在进行 RESTful API 请求时，我们经常使用的是 Ajax 进行请求，但是在一些场景中，我们需要更加灵活的进行请求的配置，并且 Ajax 的一些限制会导致我们无法完全自由的控制请求的过程。这时候，使用 exp-curl 可以很好的解决这个问题。
exp-curl 是一个基于 curl 封装的请求库，使用它可以完美地解决 Ajax 无法满足的请求需求，而且 exp-curl 还提供了对请求过程链式方法的支持，使得请求的配置更加灵活。
exp-curl 安装
使用 npm 进行安装：
npm install exp-curl
或者使用 yarn 进行安装：
yarn add exp-curl
实现功能
exp-curl 可以完成以下功能：
- 发送 GET、POST、PUT、PATCH、DELETE 等请求
- 设置请求头，并且支持链式设置多个请求头
- 设置请求参数，并且支持链式设置多个请求参数
- 上传文件
- 发送 Form Data、x-www-form-urlencoded 等格式的 POST 请求
exp-curl 使用
基本使用
exp-curl 的基本使用非常简单，通过 expCurl() 方法创建一个请求对象，然后通过设置请求相关的配置参数，最后调用 .send() 发送请求即可。
import expCurl from 'exp-curl';
expCurl()
.url('https://httpbin.org/get')
.method('GET')
.send()
.then(res => console.log(res.data)); // 输出返回数据发送 GET 请求
使用 exp-curl 发送 GET 请求非常简单，只需要设置请求的 URL，然后调用 .method('GET') 设置请求方法，并且调用 .send() 发送请求即可。示例代码如下：
import expCurl from 'exp-curl';
expCurl()
.url('https://httpbin.org/get')
.method('GET')
.send()
.then(res => console.log(res.data));发送 POST 请求
使用 exp-curl 发送 POST 请求需要设置请求的 URL，然后调用 .method('POST') 设置请求方法，并且通过 .data() 方法设置 POST 请求的数据，并且调用 .send() 发送请求即可。示例代码如下：
import expCurl from 'exp-curl';
expCurl()
.url('https://httpbin.org/post')
.method('POST')
.data({ foo: 'bar' })
.send()
.then(res => console.log(res.data));发送 PUT 请求
使用 exp-curl 发送 PUT 请求需要设置请求的 URL，然后调用 .method('PUT') 设置请求方法，并且通过 .data() 方法设置 PUT 请求的数据，并且调用 .send() 发送请求即可。示例代码如下：
import expCurl from 'exp-curl';
expCurl()
.url('https://httpbin.org/put')
.method('PUT')
.data({ foo: 'bar' })
.send()
.then(res => console.log(res.data));发送 DELETE 请求
使用 exp-curl 发送 DELETE 请求需要设置请求的 URL，然后调用 .method('DELETE') 设置请求方法，并且通过 .data() 方法设置 DELETE 请求的数据，并且调用 .send() 发送请求即可。示例代码如下：
import expCurl from 'exp-curl';
expCurl()
.url('https://httpbin.org/delete')
.method('DELETE')
.data({ foo: 'bar' })
.send()
.then(res => console.log(res.data));设置请求头
使用 exp-curl 设置请求头非常简单，只需要通过 .header() 方法设置请求头，并且支持链式设置多个请求头。示例代码如下：
-- -------------------- ---- ------- ------ ------- ---- ----------- --------- ------------------------------- -------------- ---------------------- ----- ------------------------ ------- ------- ------- --------- -- -----------------------
设置请求参数
使用 exp-curl 设置请求参数非常简单，只需要通过 .params() 方法设置请求参数，并且支持链式设置多个请求参数。示例代码如下：
-- -------------------- ---- ------- ------ ------- ---- ----------- --------- ------------------------------- -------------- --------- ---- ----- -- --------- ---- ----- -- ------- --------- -- -----------------------
上传文件
exp-curl 支持上传文件，只需要在 .data() 方法中传入一个 FormData 实例即可。示例代码如下：
-- -------------------- ---- ------- ------ ------- ---- ----------- ----- -------- - --- ----------- ----------------------- ------ --------- -------------------------------- --------------- --------------- ------- --------- -- -----------------------
发送 Form Data、x-www-form-urlencoded 等格式的 POST 请求
使用 exp-curl 发送 Form Data、x-www-form-urlencoded 等格式的 POST 请求非常简单，只需要通过 .contentType() 方法设置请求的格式，然后通过 .data() 方法设置请求的数据即可。示例代码如下：
-- -------------------- ---- ------- ------ ------- ---- ----------- --------- -------------------------------- --------------- ------------------------------------------------- ------- ---- ----- -- ------- --------- -- -----------------------
总结
exp-curl 是一个非常好用的请求库，在项目开发中，它能够帮助我们完成一些 Ajax 无法完成的请求操作，并且通过链式方法的支持，可以帮助我们更加灵活地配置请求参数。在实际使用时，需要根据实际需求进行配置，就能够轻松地完成请求操作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056bfe81e8991b448e5b1a