fetch设置headers失效

[xaviertung]

@sorrycc utils/request.js中设置headers，在浏览器查看http请求，发现未在request headers中生效：
request.js代码：

fetch(url, {
    body:"name=%E4%B8%AD%E6%96%87&mobile=121212121&password=111111&captcha=sdsds",
    method:"post",
    mode:"no-cors",
    headers:{
        Accept:"application/json",
        Authorization:"Bearer dfdfdfdfdfdfdf",
        Content-Type:"application/json"}
});

浏览器中Request Headers显示未生效：
accept:application/json
content-type:text/plain;charset=UTF-8

请教一下，如何设置headers头信息呢？比如将token塞进header中？

[sorrycc]

参考 https://www.npmjs.com/package/whatwg-fetch#post-json ，不过你的代码看起来好想也没问题。

[xaviertung]

OK，谢谢，我再尝试一下。

[lincenying]

Content-Type 是不是该加个引号包起来.

[huzhengke]

@xaviertung 该问题你解决了吗，怎么解决的，能否请教下，我折腾了好久还是不行。

[monkindey]

hi, @huzhengke , @lincenying 的方式应该是正解

[huzhengke]

@monkindey 加引号，按照官网的写法依然没用呀。

[JayM0826]

@huzhengke 请问解决了吗？新人又入坑了。。。。

[linonetwo]

得这样

fetch(
    new Request(`${API}${path}`, {
      headers: new Headers({ Authorization: `Bearer ${TOKEN}`, 'Content-Type': 'application/json' }),
    }),
  )
    .then(res => res.json());

关键是用 Request 和 Headers 对象。

[crazylxr]

@xaviertung 你把 mode 设置为 'cors' 就行了，不要用 'no-cors'

[suedar]

请问有解决方法吗

[linonetwo]

@suedar 你看我那个行不行

[hoipo]

跨域的时候还会出现header缺失问题，只能返回部分header头

If a request is made for a resource on another origin which returns the CORs headers, then the type is cors. cors and basic responses are almost identical except that a cors response restricts the headers you can view to Cache-Control, Content-Language, Content-Type, Expires, Last-Modified, and Pragma.