浏览器跨域访问的坑

魔法狮子

已于 2022-07-13 17:02:40 修改

阅读量1.1k

点赞数

分类专栏：网络文章标签：大数据

于 2022-07-13 11:05:24 首次发布

本文链接：https://blog.csdn.net/qq_31314583/article/details/125759697

版权

网络专栏收录该内容

2 篇文章 0 订阅

订阅专栏

踩坑背景

工作中要求提供一个restfull接口给外部获取信息，开开心心得编译py，捣鼓证书。

不久后，客户大喊拉闸。

啥是跨域啊？

简单的说就是我现在在www.a.com的域名站点下，但是我企图访问一个www.b.com的资源，这时候浏览器就称这种行为为跨域。

跨域问题出现:XMLHttpRequest at '‘ has been blocked by CORS policy

如何处理引用：浏览器跨域 Access-Control-Allow-Headers 问题 - 掘金

坑坑复现

客户在自己的web系统前端访问了我的接口，获取了特定的数据参与逻辑。而他们说死活报错，报错相关信息是跨域问题。

1、浏览器打开 b.test.com 域名，按 F12 进入控制台（Console）, 输入如下代码然后回车回车，在网络（Network）即可查看到相应的请求结果。

var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://localhost:8090/agent',true);
xhr.setRequestHeader("aaa", "application/json")
xhr.setRequestHeader("hbb", "application/json2")
xhr.send('')
xhr.onload = function(e) {
    var xhr = e.target;
    console.log(xhr.responseText);
}