想问大家一下关于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 是不是 '*'