带有自定义标头的 axios.post 请求 - Javascript

Axios 是一个流行的基于 Promise 的 HTTP 客户端，它可以在浏览器和 Node.js 中使用。

在使用 Axios 向服务器发送 POST 请求时，我们可以添加自定义标头来传递额外的信息给服务器。本文将向你展示如何实现带有自定义标头的 Axios POST 请求。

安装 Axios

首先，需要使用 npm 或 yarn 安装 Axios。

npm install axios

或者

yarn add axios

发送 POST 请求

要发送一个 POST 请求，我们可以使用 axios.post 方法。该方法需要传递两个参数，第一个参数是请求的 URL，第二个参数是包含请求参数和其他配置的对象。

axios.post(url, data, [config])

例如，以下代码将向服务器 http://example.com/api 发送一个 POST 请求，请求体中包含一个名为 name 的参数，在请求头中增加了一个自定义标头 Authorization。

const url = 'http://example.com/api';
const data = {
  name: 'John Doe'
};
const config = {
  headers: {
    'Authorization': 'Bearer my-access-token'
  }
};

axios.post(url, data, config)
  .then(response => {
    // 处理成功的响应
    console.log(response.data);
  })
  .catch(error => {
    // 处理错误的响应
    console.error(error);
  });

以上代码使用了 headers 选项来传递一个自定义标头。在该请求中，标头的名称为 Authorization，值为 Bearer my-access-token。

Axios 允许我们在 headers 中传递任意数量的自定义标头。例如，以下代码演示如何同时传递两个自定义标头。

const config = {
  headers: {
    'Custom-Header-1': 'Value-1',
    'Custom-Header-2': 'Value-2'
  }
};

结论

Axios 提供了一个简单的方式来向服务器发送带有自定义标头的 POST 请求。我们可以使用 headers 选项将自定义标头添加到请求头，从而向服务器传递额外的信息。

希望这篇文章对你有所帮助！