从任何网站检索 http 响应 headers 信息
Retrieving http response headers information from any website
我正在使用 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,如前所述。
对 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
客户端.
我正在使用 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,如前所述。
对 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
客户端.