如何用Axios POST请求发送头信息

简介

Axios是一个HTTP客户端库，用于向REST端点（主要是API）发送异步HTTP请求，如POST 、GET 、DELETE 。其中一些请求，如GET 和POST ，可以包括头文件，为每个API调用提供额外的信息来源。

在这篇文章中，我们将学习如何在Axios的POST请求旁边发送头信息。

在进行API请求时，头信息是至关重要的，当我们遇到API问题时，头信息是我们首先要看的地方，因为它们可以帮助我们追踪任何潜在的问题。

Axios中的POST请求结构

Axios的POST请求可以接受三个参数：端点的URL、数据和接受头信息的配置对象。

const res = await axios.post(URL, data, config);

使用Axios POST请求发送头信息

在向Axios传递头信息时，我们提供一个包含我们想传递的头信息的对象作为config 参数。例如，假设我们想向一个只接受text/json 内容类型的服务器发送一个POST请求（而不是通常的application/json ）。在这种情况下，我们可以在头文件中自定义我们想要发送的内容类型。

const result = await axios.post('https://testapi.org/post', { name: 'John Doe' }, {
    headers: {
    'content-type': 'text/json'
    }
});

另外，我们可以使用变量，而不是直接将这些对象传递到axios.post() 方法中。这无疑提高了我们代码的可读性。

const headers = {
    "Content-Type": "text/json"
};

const data = {
    name: "John Doe"
};

const result = await axios.post("https://testapi.org/post", data, {
    headers: headers
});

让我们快速确认一下这是否符合预期。

console.log(result.data.headers['Content-Type']); // text/json

结论

在这篇文章中，我们学习了如何在Axios中用POST请求发送头信息，以及Axios请求的结构，这样我们就不会像很多人那样把config 对象误认为是data 对象。