前端使用 Axios 拦截器获取不到后端响应头信息，如何解决？

大家好，今天本人给大家带来文章《前端使用 Axios 拦截器获取不到后端响应头信息，如何解决？》，文中内容主要涉及到，如果你对文章方面的知识点感兴趣，那就请各位朋友继续看下去吧~希望能真正帮到你们，谢谢！

获取不到响应头信息的解决方案

前端使用 axios 拦截器获取后端响应头信息时，可能会遇到无法获取全部头信息的现象。这是因为在跨域请求中，后端需要在响应头中返回一个 access-control-expose-headers 头，来定义哪些头信息可以被前端访问。

具体解决方法如下：

// 后端代码中
response.setheader("access-control-expose-headers", "access-token");

通过设置 access-control-expose-headers 头，前端拦截器就可以正常获取指定的头信息了。

完整示例

// axios 响应拦截
axiosInstance.interceptors.response.use(
  (res) => {
    console.log(res.headers);
  }
);

// 后端代码中
response.setHeader("Access-Control-Expose-Headers", "Access-Token");

这样一来，前端拦截器就能获取到 access-token 头信息了。

文中关于的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《前端使用 Axios 拦截器获取不到后端响应头信息，如何解决？》文章吧，也可关注米云公众号了解相关技术文章。

MongoDB 与 Mongoose：了解它们的角色和差异