Axios配置异步请求

Axios是一个流行的JavaScript库，用于浏览器和Node.js中的HTTP请求。它提供了简洁的API来处理异步数据通信，并且支持Promise链式调用，使得处理网络请求变得更加容易。

要在Axios中配置异步请求，首先你需要安装Axios库（如果尚未安装）：

npm install axios
# 或者在ESM环境中
import axios from 'axios';

接下来，你可以创建一个新的实例并设置一些全局配置选项，例如超时、默认 headers 等：

const instance = axios.create({
  baseURL: 'https://api.example.com', // API基础URL
  timeout: 5000, // 请求超时时间，单位为毫秒
  headers: {
    'Content-Type': 'application/json',
    Authorization: 'Bearer your_token'
  }
});

然后，你可以根据需要发送GET、POST、PUT等不同类型的请求：

// 发送GET请求
instance.get('/users')
  .then(response => console.log(response.data))
  .catch(error => console.error(error));

// 发送POST请求
instance.post('/items', { name: 'New Item' })
  .then(response => console.log(response.status))
  .catch(error => console.error(error));

如果你想对每个请求进行额外的定制，也可以传递配置对象作为参数：

instance.get('/users', { params: { id: 1 } })
  .then(response => console.log(response.data))
  .catch(error => console.error(error));

Axios还提供了一些中间件插件功能，如拦截器（interceptors），可以在请求发送前或返回后执行自定义操作：

instance.interceptors.request.use(config => {
  // 在发送请求之前做些什么
  return config;
}, error => {
  // 对请求错误做些什么
  return Promise.reject(error);
});

instance.interceptors.response.use(response => {
  // 对响应结果做些处理
  return response;
}, error => {
  // 对响应错误做些处理
  return Promise.reject(error);
});

以上就是如何使用Axios配置基本的异步请求。