vue.js - 在 vuejs 应用程序中运行时 axios 响应头丢失数据

Question

我有简单的 vuejs 应用程序。在 main.js 我有类似的东西:

import Vue from "vue";
import App from "./App.vue";
import router from "./router/routes";
import store from "./store/root";
import vuetify from "./plugins/vuetify";
import { RootActions } from "./constants";
import axios from "axios";

axios.get("https://api.github.com/users/mzabriskie").then(function(response) {
  console.log({ headers: response.headers });
});

在 chrome 控制台日志中，我得到了这些:



然而在 https://runkit.com/greenlaw110/5e92363de9be35001ab0481e使用完全相同的代码，我打印出更多的标题:



题:

为什么在 vuejs 和纯 nodejs 环境下运行的 axios 会有这么大的区别？

我真正想要的是获得 Authorization我的 VueJs 应用程序中响应的标题，这真的可行吗？ (注意，我已经将 Authorization 放在对预检请求

的响应的 Access-Control-Expose-Headers 中

引用:

https://github.com/axios/axios/issues/606

https://github.com/axios/axios/issues/771

Axios get access to response header fields

Answer 1

好的，问题来了，Access-Control-Expose-Headers还必须出现在对非预战请求的响应头中。在我将此 header 公开给所有响应后，我可以访问 Authorization我的 vuejs 应用程序中的 header 。