Axios可以访问响应头字段

Question

我正在使用React和Redux构建前端应用程序，并且正在使用axios来执行请求。我想访问响应标头中的所有字段。在我的浏览器中，我可以检查标题，并且可以看到所有需要的字段都存在（例如令牌，uid等），但是当我调用时

const request = axios.post(`${ROOT_URL}/auth/sign_in`, props);

request.then((response)=>{

  console.log(response.headers);

});

我得到

Object {content-type: "application/json; charset=utf-8", cache-control: "max-age=0, private, must-revalidate"}

这是我的浏览器网络标签，您可以看到所有其他字段都存在。

Answer 1

对于CORS请求，默认情况下浏览器只能访问以下响应标头：缓存控制内容语言内容类型过期上一次更改语用如果希望客户端应用程序能够访问其他标头，则需要在服务器上设置Access-Control-Expose-Headers标头：Access-Control-Expose-Headers: Access-Token, Uid

Answer 2

对于那些你使用的NodeJS与CORS：...const cors = require('cors');const corsOptions = {  exposedHeaders: 'Authorization',};app.use(cors(corsOptions));...如果您以以下方式发送响应： res.header('Authorization', `Bearer ${token}`).send();