不同域名间的跨域限制是否生效测试

最新推荐文章于 2024-05-13 09:30:57 发布

first saw you

最新推荐文章于 2024-05-13 09:30:57 发布

阅读量775

点赞数

分类专栏：小技巧文章标签： javascript

本文链接：https://blog.csdn.net/qq_36532540/article/details/125036521

版权

小技巧专栏收录该内容

1 篇文章 0 订阅

订阅专栏

测试跨域限制参数是否生效

以a.test.com 、 b.test.com 和 c.test.com域名为例，在a.test.com域名配置跨域相关参数，其配置的跨域参数如下（apisix 的 cors 插件进行配置的跨域），这里只测试 allow_origins 的限制是否生效。

"allow_credential": true,
"allow_headers": "**",
"allow_methods": "GET,POST,OPTIONS",
"allow_origins": "http://a.test.com",
"disable": false,
"expose_headers": "**",

配置表明 origins 只允许 a.test.com 进行访问。

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

控制台（Console）

在这里插入图片描述

代码：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://a.test.com',true);
xhr.setRequestHeader("Content-Type", "application/json")
xhr.send(null)
xhr.onload = function(e) {
    var xhr = e.target;
    console.log(xhr.responseText);
}

可以看到 b.test.com 可以成功访问。

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

控制台（Console）

在这里插入图片描述

代码：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://c.test.com');
xhr.setRequestHeader("Content-Type", "application/json")
xhr.send(null)
xhr.onload = function(e) {
    var xhr = e.target;
    console.log(xhr.responseText);
}