vue项目中使用axios拦截器获取后端接口响应头token时，经常遇到一个问题：浏览器开发者工具显示响应头包含token，但axios拦截器却无法获取。 这通常与axios对响应数据的默认处理方式有关。
Axios默认会解析响应数据，这可能导致响应头信息丢失。为了解决这个问题，我们需要打印Axios拦截器接收到的完整响应对象，而非仅仅查看headers属性。
以下代码示例演示如何打印完整响应对象，以便排查问题：
// Axios 响应拦截器
service.interceptors.response.use(res => {
console.log('interceptors.response:', res, res.headers); // 打印完整响应对象和headers
// ...其他处理逻辑
});
如果打印结果显示res.headers包含token，则问题可能出在后续的数据处理逻辑中，token信息被意外移除。 如果res.headers仍然为空，则需要进一步检查：
-
确认查看的是Response Headers: 确保您在浏览器开发者工具中查看的是服务器返回的Response Headers（响应头），而不是Request Headers（请求头）。两者容易混淆。
立即学习“前端免费学习笔记（深入）”；
-
检查Axios配置: 仔细检查Axios的配置，例如
transformResponse选项，看看是否会修改或过滤响应头信息。 某些配置可能会意外地修改或移除响应头数据。
通过打印完整响应对象并仔细检查代码和Axios配置，可以有效定位问题，最终成功获取响应头中的token信息。
