从任何网站检索 http 响应 headers 信息

Question

我正在使用 Vue CLI 和 axios。

我有一个搜索栏，用户可以在其中输入（可能）任何网站并阅读有关 HTTP 请求和响应的信息。

我需要获取的一些信息是：HTTP 协议、状态代码、位置（如果重定向）、日期 和服务器 .

我正在做的是一个简单的 axios GET 请求，它从搜索栏获取输入。我试图解决 CORS 域问题，但即便如此，当我输入像 myjson 这样的 CORS 支持站点时，我只能访问 CORS-safelisted 响应 headers 而不是我在找什么。

这是 axios 调用：

axios
    .get(url)
    .then((r) => {
      console.log(r);
      
      console.log(r.headers.server); //undefined
    })
    .catch((e) => {
      console.error(e);
    });

我正在展示的简报是否可行？

更新

然后我尝试删除用于启用 CORS 请求的 chrome 扩展并安装 Moesif Origin & CORS Changer 扩展。重新启动我的电脑后，我现在可以访问剩余的响应 headers。我真的不知道之前的扩展究竟出了什么问题，但希望这对某些人有所帮助。

还值得指出的是，在我撰写此编辑的当前日期，myjson 站点已被 chrome 标记为 non-safe 隐私问题。我只是向其他站点发出了 HTTP 请求并得到了响应 headers，如前所述。

Answer 1

对 https://myjson.dit.upm.es/about 的 cross-origin 请求的响应包含 CORS-related headers

Access-Control-Allow-Origin: *
Access-Control-Allow-Methods: GET, PATCH, PUT, DELETE, POST, OPTIONS

但没有 Access-Control-Expose-Headers。否则，cross-origin 客户端无法访问 Server header，因为它不是 CORS-safelisted.

如果您让 服务器 发出请求并评估 header，而不是 axios 客户端.

从任何网站检索 http 响应 headers 信息

Retrieving http response headers information from any website

vue.js

http

axios

cors

httpresponse