在axios中设置Content-Type标头会导致没有数据发送

Question

I'm using axios to POST data to WebApi and I'm trying to set Content-Type to application/json, but when I'm adding headers to config no data is sent. My axios request:

axios({
    method: 'post',
    headers: {'Content-Type': 'application/json',},
    url: `${URL}/Signin`,
    data: user  
});

and it results with request:

OPTIONS http://localhost:50644/api/Signin HTTP/1.1
Host: localhost:50644
Connection: keep-alive
Access-Control-Request-Method: POST
Origin: http://localhost:3000
User-Agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/61.0.3163.100 Safari/537.36
Access-Control-Request-Headers: content-type
Accept: */*
Referer: http://localhost:3000/Signin
Accept-Encoding: gzip, deflate, br
Accept-Language: pl-PL,pl;q=0.8,en-US;q=0.6,en;q=0.4

When I remove headers from my axios request all is ok, but Content Type is wrong.

POST http://localhost:50644/api/Signin HTTP/1.1
Host: localhost:50644
Connection: keep-alive
Content-Length: 40
Accept: application/json, text/plain, */*
Origin: http://localhost:3000
User-Agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/61.0.3163.100 Safari/537.36
Content-Type: application/x-www-form-urlencoded
Referer: http://localhost:3000/Signin
Accept-Encoding: gzip, deflate, br
Accept-Language: pl-PL,pl;q=0.8,en-US;q=0.6,en;q=0.4
{
    "Name": "test",
    "Password": "test"
}

What I'm doing wrong? Thank you in advance for your help!

Answer 1

我无法确定是否不知道user的数据结构是什么样子，但我想您需要处理data: JSON.stringify(user)将user转换为JSON格式。