在获取请求中设置Content-Type不起作用

时间:2017-08-12 21:48:41

标签: javascript json reactjs fetch-api

我正在对服务器进行远程提取请求。有效负载采用JSON格式,因此我想将Content-Type标头更改为application/json。我使用以下代码执行此操作:

let email = document.getElementById("email").value
let password = document.getElementById("password").value

const body = {"email":email, "password":password}
const headers = new Headers({
    "Content-Type": "application/json",
    "Content-Length": JSON.stringify(body).length
})
const options = {
    method: "POST",
    mode: "no-cors",
    headers: headers,
    body: JSON.stringify(body)
}
console.log(options)
const response = await fetch('http://xx.xx.xx.xxx/login', options)
const json = await response.json()
console.log(json)

但是,在Chrome开发者工具控制台中,请求的Content-Type标题仍为text/plain;charset=UTF-8。我做错了什么?

1 个答案:

答案 0 :(得分:5)

no-cors次请求不允许覆盖Content-Type请求标头。

将模式更改为cors