Node.js 中的 Axios 调用

2025年3月5日 | 阅读 4 分钟

在本文中，您将了解 Node.js 中的 **Axios 调用** 及其用法。

什么是 Axios？

Axios 是一个最小化的 HTTP 客户端，可在 Node.js 和浏览器环境中协同工作。它基于 Angular.js 中的 http 服务构建。因为它实现了 JavaScript ES6 的原生 Promise API，所以它是管理异步操作的最佳选择。Axios 还内置了对 JSON 数据自动转换、请求取消以及响应和请求转换的功能。

安装 Axios

在使用 Axios 之前，您必须使用 npm (Node 包管理器) 安装它。在您的终端中执行以下命令

安装后，您的项目可能需要它

基本用法

可以使用 **axios.get** 函数创建一个简单的 GET 请求。例如，您可以通过编写以下内容从公共 API 检索数据

 
const axios = require('axios');
axios.get('https://jsonplaceholder.typicode.com/posts')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error('Error fetching data:', error);
  });   

安装 axions

运行代码

此代码在向给定 URL 发送 GET 请求后，会记录返回的数据。如果发生错误，它会被检测到并记录在控制台中。

进行 POST 请求

此外，Axios 还可以轻松使用 POST 请求将数据提交到 API。例如

 
const axios = require('axios');
const postData = {
  title: 'foo',
  body: 'bar',
  userId: 1
};
axios.post('https://jsonplaceholder.typicode.com/posts', postData)
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error('Error posting data:', error);
  });   

输出

说明

在此示例中，postData 被发送到给定的 URL，并且控制台会记录响应数据。

管理 Promises 和 Async/Await

由于 Axios 具有 Promise 功能，因此管理异步活动非常简单。

 
const axios = require('axios');

async function fetchData() {
  try {
    const response = await axios.get('https://jsonplaceholder.typicode.com/posts');
    console.log(response.data);
  } catch (error) {
    console.error('Error fetching data:', error);
  }
}

fetchData();   

运行代码

同样，对于 POST 请求

 
const axios = require('axios');
const postData = {
  title: 'foo',
  body: 'bar',
  userId: 1
};

async function postData() {
  try {
    const response = await axios.post('https://jsonplaceholder.typicode.com/posts', postData);
    console.log(response.data);
  } catch (error) {
    console.error('Error posting data:', error);
  }
}
postData();   

输出

配置请求

Axios 提供了多种配置请求的方法。例如，您可以修改超时、标头和其他设置

 
const axios = require('axios');

const config = {
  headers: { 'Content-Type': 'application/json' },
  timeout: 5000
};

axios.get('https://jsonplaceholder.typicode.com/posts', config)
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error('Error fetching data:', error);
  });   

输出

 
node script.js

错误处理

Axios 提供了强大的错误处理功能。当请求失败时，错误对象会提供有用的信息。

 
axios.get('https://jsonplaceholder.typicode.com/invalid-url')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    if (error.response) {
      // Server responded with a status other than 200 range
      console.error('Error data:', error.response.data);
      console.error('Error status:', error.response.status);
      console.error('Error headers:', error.response.headers);
    } else if (error.request) {
      // No response was received
      console.error('Error request:', error.request);
    } else {
      // Something else happened
      console.error('Error message:', error.message);
    }
  });   

输出

拦截器

使用拦截器，您可以在请求提交之前或在 catch 处理响应之前执行您的代码或修改请求。它有助于日志记录、添加身份验证令牌以及修改请求数据。

 
// Add a request interceptor
axios.interceptors.request.use(config => {
  console.log('Request was sent with config:', config);
  return config;
}, error => {
  return Promise.reject(error);
});

// Add a response interceptor
axios.interceptors.response.use(response => {
  console.log('Response received with data:', response.data);
  return response;
}, error => {
  return Promise.reject(error);
});   

输出

 
node script.js

取消请求

Axios 还支持使用 CancelToken 功能 **取消** 请求。CancelToken 功能对于某些场景特别有用。这些场景是您想根据特定条件中止请求的场景。

 
const axios = require('axios');
const CancelToken = axios.CancelToken;
const source = CancelToken.source();
axios.get('https://jsonplaceholder.typicode.com/posts', {
  cancelToken: source.token
})
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    if (axios.isCancel(error)) {
      console.log('Request canceled:', error.message);
    } else {
      console.error('Error:', error);
    }
  });

// Cancel the request
source.cancel('Operation canceled by the user.'); 

输出

Axios 实例

可以创建 Axios 实例的默认设置并将其用于各种请求。这包括设置基本 URL。也可以在一个地方指定标头和其他参数。这很有用。

 
const axios = require('axios');
const instance = axios.create({
  baseURL: 'https://jsonplaceholder.typicode.com',
  timeout: 1000,
  headers: { 'Authorization': 'Bearer my-token' }
});

instance.get('/posts')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error('Error:', error);
  });   

输出

 
node script.js

结论

总之，Axios 是一个灵活且强大的 HTTP 客户端，它拥有多项功能，可以简化 Node.js 中 HTTP 请求和响应的管理。它提供基于 Promise 的 API 并支持 async/await。此外，它还包括拦截器和请求取消功能，使其成为开发者的绝佳选择。Axios 使您能够创建可靠且有效的应用程序。无论您处理的场景有多复杂，无论是基本的 GET 还是 POST 请求，它都适用。

下一个主题Blocking-and-non-blocking-in-nodejs

← 上一个下一个 →

Node.js 中的 Axios 调用

什么是 Axios？

安装 Axios

基本用法

安装 axions

运行代码

进行 POST 请求

说明

管理 Promises 和 Async/Await

运行代码

配置请求

错误处理

拦截器

取消请求

Axios 实例

结论

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

Node.js 教程

Node.js MySQL

Node.js MongoDB

区别

其他

Node.js 选择题

Node.js Express

面试题

Node.js 中的 Axios 调用

什么是 Axios？

安装 Axios

基本用法

安装 axions

运行代码

进行 POST 请求

说明

管理 Promises 和 Async/Await

运行代码

配置请求

错误处理

拦截器

取消请求

Axios 实例

结论

相关帖子

Node.js process.allowedNodeEnvironmentFlags 属性

Node.js http.ClientRequest.maxHeadersCount API

Node.js 和 Redwood.js 的区别

Node.js 和 Laravel 的区别

Node.js zlib.bytesWritten 属性

Node.js 中的 blockList.check(address[,type] 函数

Node.js NPM shortid 模块

Node.js 中的函数式编程

Node.js 中的 Util.inspect() 函数

Node.js 中的 dns.resolveSrv(hostname, callback) 函数

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器