想问大家一下关于fetch的问题，为何跨域时无法获取响应的头部

Question

export const getCourses = (num) =>

  fetch(`${api}`, {

    method: 'POST',

    headers: {

      ...headers

    }, 

    mode: 'cors',

    body: JSON.stringify({num})

  }).then((res) => {console.log(res.headers.get('Authorization'));return res.json()})

    .then(data => data)

想通过这段代码获取response头部的Authorization值，但是通过res.headers.get('Authorization')为null 可在chrome中可以看到响应头，这是为何啊？

Answer 1

代码看了 是没写错的。你headers里面的配置是什么，你的请求是跨域的吗?有可能是跨域的问题，检查fetch headers的mode配置，还有后台的 access-control-allow-origin 是不是 '*'