如何在axios的post请求中添加配置参数和必需的头部信息

Question

我试图在我的React代码中使用axios发送一个需要同时使用'headers参数'和'config参数'的post请求。我发现axios有两种写法来实现post请求：

1. axios.post(url, data, config)

2. axios({ url :url, method: 'post', headers: headers, data: data })

第一种写法无法发送headers参数，而第二种写法无法发送config参数。

那么，有没有办法解决这个问题呢？

引用：

我使用XMLHttpRequest代替了axios来解决这个问题，但我很好奇如何使用axios来解决它。

- Parisa Payami

Answer 1

根据文档，您可以在配置中设置头信息(header)！

axios.post(url, data, {headers : {'X-Requested-With': 'XMLHttpRequest'} })

或者您可以将所有选项作为对象发送。

axios.request ({
    url: '/user',
    method: 'post',
    data: {
        firstName: 'Fred'
    },
    headers: {'X-Requested-With': 'XMLHttpRequest'},

    // ... and other options 
})

- Neo Anderson

Answer 2

你的假设是错误的，你可以在请求配置中设置标头。

https://github.com/axios/axios#request-config

{
   headers: {'X-Requested-With': 'XMLHttpRequest'},
   ...
}

- Olivier Boissé