在获取请求中设置内容类型不起作用
我正在向服务器发出远程获取请求。有效负载是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
。我做错了什么?
解决方案
no-cors
请求不允许覆盖Content-Type请求标头。
将模式更改为cors
。
(如果不这样做,您也将无法阅读响应)。
相关文章