axios 实例配置

Axios 是一个基于 Promise 的 HTTP 客户端，可用于在浏览器和 Node.js 中发送 HTTP 请求。通过使用 axios 实例，我们可以对 axios 进行全局配置，从而方便地发送请求和处理响应。

安装

在使用 axios 之前，需要先安装 axios。可以使用 npm 或者 yarn 进行安装：

npm install axios
# or
yarn add axios

创建实例

要创建一个 axios 实例，只需简单地调用 axios 函数并传入一个配置对象：

const axios = require('axios');

const instance = axios.create({
  baseURL: 'https://api.example.com/',
  timeout: 1000,
  headers: {'X-Custom-Header': 'foobar'}
});

实例配置选项

可以使用以下配置选项来定制 axios 实例的行为：

• baseURL：设置请求的基础 URL，用于在每个请求的 URL 前拼接。
• timeout：设置请求超时时间（毫秒）。如果超过该时间，请求将被中止。
• headers：设置请求头，包含自定义的 HTTP 头信息。
• params：设置 URL 查询参数。
• responseType：设置响应数据的类型，如 'json', 'text', 'blob' 等。
• transformRequest：在发送请求之前对请求数据进行转换的函数数组。
• transformResponse：在接收响应数据之前对响应数据进行转换的函数数组。

更多配置选项和详细说明，请查看 Axios 文档。

示例

以下是一个使用 axios 实例发送 GET 请求的示例：

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

以上代码创建了一个基于 axios 的实例，并使用基础 URL https://api.example.com/ 发送了一个 GET 请求，同时传递了查询参数 id=12345。然后根据响应结果打印了数据或错误信息。

总结

通过创建 axios 实例并配置其选项，我们可以方便地发送 HTTP 请求并处理响应。axios 提供了更多功能和扩展性，如拦截请求和响应、取消请求、请求重试等。详细信息可参考 axios 的文档。