21xrx.com
2024-06-03 03:36:02 Monday
登录
文章检索 我的文章 写文章
Node.js Axios 封装教程
2023-07-01 01:05:38 深夜i     --     --
- Node js - Axios - 封装 - 教程 - API

Axios 是一个基于 Promise 的异步 HTTP 请求库,它可以在浏览器和 Node.js 环境中使用。由于其扩展性和灵活性,它被广泛用于客户端和服务器端的 HTTP 请求。

为了方便使用 Axios,在 Node.js 中经常会将其进行封装。本文将介绍如何使用 Node.js 对 Axios 进行封装,以方便我们在项目中使用。

第一步:安装 Axios

在封装 Axios 之前,需要先在项目中安装 Axions:


npm install axios

第二步:创建一个 Axios 实例

创建的实例可以配置一些默认选项,包括请求的基本URL,headers,超时时间等等。


const axios = require('axios');

const instance = axios.create({

 baseURL: 'http://api.example.com/', // 定义请求的基本URL

 headers: {'Authorization': 'Bearer ' + localStorage.getItem('token')}, // 定义请求头中添加的固定内容

 timeout: 1000 // 请求超时时间

});

第三步:编写请求方法

根据项目的业务需求,编写请求方法,例如:


function getUsers(params) {

 return instance.get('/users', {params: params});

}

function deleteUser(id) {

 return instance.delete('/users/' + id);

}

function updateUser(id, data) {

 return instance.put('/users/' + id, data);

}

第四步:使用封装好的 Axios 方法

在需要使用 Axios 进行请求的地方调用封装好的方法即可,例如:


getUsers( pageSize: 10).then((response) => {

 console.log(response.data);

}).catch((error) => {

 console.log(error);

});

deleteUser(1).then((response) => {

 console.log(response.data);

}).catch((error) => {

 console.log(error);

});

updateUser(1, age: 20).then((response) => {

 console.log(response.data);

}).catch((error) => {

 console.log(error);

});

通过以上封装和调用,我们可以更加便捷地使用 Axios 进行 HTTP 请求。如果你想深入了解 Node.js Axios 封装,可以参考 Axios 官方文档:https://github.com/axios/axios。

  
  

评论区

{{item['qq_nickname']}}
()
回复
回复