Axios：轻松高效的Web请求工具

2023-12-17 03:43:50

Axios概述

Axios是一个基于promise()的网络请求库，可以在node.js和浏览器中使用。它具有isomorphic特性，即同一套代码可以在浏览器和node.js中运行。Axios在服务端和客户端都可以使用，支持HTTP和RESTful API的请求，并且能够轻松处理各种数据格式，如JSON、XML和文本。

Axios安装

在node.js中，您可以使用以下命令安装Axios：

npm install axios

在浏览器中，您可以通过以下CDN链接来引入Axios：

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

Axios基本用法

以下是Axios的基本用法：

axios.get('https://example.com/api/users')
  .then((response) => {
    console.log(response.data);
  })
  .catch((error) => {
    console.log(error);
  });

Axios配置

Axios允许您配置各种选项，例如超时时间、请求头和代理服务器。您可以使用以下方法来配置Axios：

axios.defaults.baseURL = 'https://example.com/api/';
axios.defaults.headers.common['Authorization'] = 'Bearer 1234567890';

Axios高级用法

Axios还支持各种高级用法，例如并行请求、取消请求和拦截器。您可以使用以下方法来实现这些高级用法：

axios.all([
  axios.get('https://example.com/api/users'),
  axios.get('https://example.com/api/posts')
])
  .then((responses) => {
    console.log(responses);
  })
  .catch((error) => {
    console.log(error);
  });

axios.cancelToken.source();

axios.interceptors.request.use((config) => {
  config.headers['X-Requested-With'] = 'XMLHttpRequest';
  return config;
});