简介
ccurl-prizz 是一款基于 Curl 的 HTTP 客户端库，只支持 Promise，用于前端与后台的数据交互。它提供了更好的抽象和错误处理，以及更轻量级的使用。该库支持所有的主要应用程序平台，包括浏览器、Node.js 和 React Native。
安装
你可以通过 npm 一键安装：
npm install ccurl-prizz
安装成功后，可以使用 ES6 模块化引用它：
import axios from 'ccurl-prizz';
你也可以使用 CommonJS 引入它：
const axios = require('ccurl-prizz');使用
发送 GET 请求
axios.get('http://www.example.com/')
.then(response => {
console.log(response);
})
.catch(error => {
console.error(error);
});发送 POST 请求
-- -------------------- ---- ------- ------------------------------------- - ---------- ------- --------- ----- -- -------------- -- - ---------------------- -- ------------ -- - --------------------- ---
发送 PUT 请求
-- -------------------- ---- ------- ------------------------------------ - ---------- ------- --------- ----- -- -------------- -- - ---------------------- -- ------------ -- - --------------------- ---
发送 DELETE 请求
axios.delete('http://www.example.com/')
.then(response => {
console.log(response);
})
.catch(error => {
console.error(error);
});配置
如果需要，你可以配置一些全局的默认值，例如请求超时时间、baseURL 等。你可以创建一个新的 Axios 实例，并使用其属性进行配置：
-- -------------------- ---- -------
----- -------- - --------------
-------- --------------------------
-------- ----
---
---------------------------
-------------- -- -
----------------------
--
------------ -- -
---------------------
---拦截器
你可以使用拦截器来在请求或响应被处理前对它们进行操作。拦截器有两种类型：请求拦截器和响应拦截器。它们分别对应于发送请求和接收响应之前和之后的处理。
请求拦截器
你可以使用请求拦截器来对请求发送前的参数做一些处理，例如添加请求头、修改请求参数等。例如：
axios.interceptors.request.use(config => {
config.headers.Authorization = `Bearer ${localStorage.getItem('token')}`;
return config;
}, error => {
console.error(error);
});响应拦截器
你可以使用响应拦截器来对响应数据做一些处理，例如解密、格式化数据等。
axios.interceptors.response.use(response => {
return response.data;
}, error => {
console.error(error);
});总结
ccurl-prizz 是一个简单易用的 HTTP 客户端库，它依赖 Axios 库。通过使用 ccurl-prizz，您可以获取更好的抽象和错误处理，以及更轻量级的使用。我们可以使用 ccurl-prizz 在前端应用程序中处理大多数 HTTP 请求。还有拦截器选项，这些选项可以为 HTTP 请求和响应添加全局拦截器。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60065f78238a385564ab6962