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();