我是靠谱客的博主 自觉八宝粥,最近开发中收集的这篇文章主要介绍不同域名间的跨域限制是否生效测试,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

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

a.test.comb.test.comc.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);
}

可以看到 c.test.com 可以提示了跨域问题。

以上测试表明, allow_origins 的限制生效。

记录一下,方便需要时,来翻阅一下! ^_^

最后

以上就是自觉八宝粥为你收集整理的不同域名间的跨域限制是否生效测试的全部内容,希望文章能够帮你解决不同域名间的跨域限制是否生效测试所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(82)

评论列表共有 0 条评论

立即
投稿
返回
顶部