如何使用 axios 进行 https 调用？

当您需要在 JavaScript 应用程序中进行 HTTPS 调用时，axios 是一个流行的 HTTP 客户端库，可以很容易地在浏览器和 Node.js 环境中使用。以下是使用 axios 进行 HTTPS 调用的步骤和示例。

引入 Axios

在您的项目中，首先需要安装并引入 axios。如果您使用的是 Node.js，可以使用以下命令安装：

bash
npm install axios

然后在您的代码中引入它：

javascript
const axios = require('axios');

如果您在浏览器中使用 axios，可以通过 <script> 标签直接引入：

html
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>

发起 HTTPS 调用

使用 axios，您可以很容易地发起 GET、POST、PUT、DELETE 等 HTTP 请求。以下是一个发起 HTTPS GET 请求的简单例子：

javascript
axios.get('https://api.example.com/data')
  .then(response => {
    // 请求成功处理
    console.log(response.data);
  })
  .catch(error => {
    // 请求失败处理
    console.error('Error fetching data: ', error);
  });

以下是一个发起 HTTPS POST 请求的例子，包括在请求体中发送数据：

javascript
const postData = {
  userId: 1,
  title: 'Sample Post',
  body: 'This is a sample post.'
};

axios.post('https://api.example.com/posts', postData)
  .then(response => {
    // 请求成功处理
    console.log('Post created: ', response.data);
  })
  .catch(error => {
    // 请求失败处理
    console.error('Error creating post: ', error);
  });

处理 HTTPS 请求参数

您可以通过将参数对象传递给 params 属性，以在 GET 请求中包含查询参数：

javascript
axios.get('https://api.example.com/data', {
  params: {
    userId: 123
  }
})
.then(response => {
  console.log(response.data);
})
.catch(error => {
  console.error('Error fetching data: ', error);
});

设置请求头

有时您可能需要设置特定的 HTTP 头部，例如，当发送认证信息或设置内容类型时。以下是如何在 axios 请求中设置 HTTP 头部的示例：

javascript
axios.get('https://api.example.com/data', {
  headers: {
    'Authorization': 'Bearer YOUR_TOKEN',
    'Content-Type': 'application/json'
  }
})
.then(response => {
  console.log(response.data);
})
.catch(error => {
  console.error('Error with response: ', error.response);
});

使用 Axios 实例

您还可以创建一个 axios 实例，为一系列请求配置通用的设置，如基础 URL、头部、超时等。

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

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

通过这些步骤和示例，您可以看到 axios 提供了一种简洁且功能强大的方式来发起 HTTPS 调用，并且它支持各种请求和配置选项。