跨域配置的疑问

stevenjin CSDN会员 stevenjin 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
我用如下方法做了跨域配置,用自己的电脑在不同的域是可以访问的(开了2个VS项目访问)。
但在局域网内的另一台电脑访问时,取不到数据(到达不了jquery的success)。

一、配置方法:
1.在Global.asax.cs中添加:
protected void Application_BeginRequest(object sender, EventArgs e)
{
//origin头主要是跨域相关
//作为HTTP请求方法之一的OPTIONS请求方法的主要用途有两个:
// 1、获取服务器支持的HTTP请求方法;也是黑客经常使用的方法。
// 2、用来检查服务器的性能。例如:AJAX进行跨域请求时的预检,需要向另外一个域名的资源发送一个HTTP OPTIONS请求头,用以判断实际发送的请求是否安全
if (Request.Headers.AllKeys.Contains("Origin")&&Request.HttpMethod=="OPTIONS")
{
Response.Flush();//缓存完毕后发送到客户端
}
}


2.在<HttpProtocol>节点中添加:
 
<httpProtocol>
<!--跨域配置开始-->
<customHeaders>
<add name="Access-Control-Allow-Origin" value="*" />
<!--支持全域名访问,不安全,部署后需要固定限制为客户端网址-->
<add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE, OPTIONS" />
<!--支持的http 动作-->
<add name="Access-Control-Allow-Headers" value="Authorization,Content-Type,X-Requested-With" />
<!--<add name="Access-Control-Allow-Headers" value="Origin, X-Requested-With, Content-Type, Accept" />-->
<!--<add name="Access-Control-Allow-Headers" value="Content-Type,X-Requested-With,token" />-->
<!--响应头 请按照自己需求添加 这里新加了token这个headers-->
<add name="Access-Control-Request-Methods" value="GET, POST, PUT, DELETE, OPTIONS" />
<!--允许请求的http 动作-->
</customHeaders>

<!--跨域配置结束-->
</httpProtocol>


二、访问方法
<Html>
<head>
<script src="Scripts/jquery-1.10.2.js"></script>
--基于get传递多个参数--
<script>
$(function () {
$.ajax({
type: "get",
url: "http://localhost:51647/api/GetParms",
data: { id: 1, name: "Jim", bir: "1988-09-11" },
beforeSend: function (XHR) {
debugger
var token = '9463B95C74FB79E56AA8E999658671AF287442894F30957C082EDF66DC6BE04E9EA16B776E50451980577B34543CB25E76022CDACADA75A43CBC6A1D9B83DC3155820';
XHR.setRequestHeader("Authorization", "Token " + token);
},
success: function (data, status) {
debugger
if (status == "success") {
alert(data);
}
}
});
}
)
</script>
</head>
</Html>
...全文

相关推荐

SpringCloud Gateway跨域配置代码实例

主要介绍了SpringCloud Gateway跨域配置代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

weixin_38658405

web漏洞挖掘指南-前端跨域漏洞

web漏洞挖掘指南 前端跨域漏洞 一、何为跨域 1.设想一种场景,一个恶意网站上嵌入了一个iframe标签去加载银行的登陆页面,高度和宽度的设置和真实的银行官网一样,当用户访问恶意网站并登录时,攻击者就可以利用恶意脚本通过XMLHttpRequest之类的dom操作窃取用户的银行卡数据,为了防止防御此类攻击,同源策略诞生了! 2.同源策略规定不同域的客户端脚本如果没有明确授权允许执行,不能读写另一方的资源。同协议,同端口,同主机名的两个URL才能被认为同源。 3.随着web应用前后端分离模式的流行,后端

火线安全

解决H5访问阿里云OSS图片跨域(No ‘‘Access-Controller-Allow-Origin‘ herder is present on the requested resource.)

事发原因: 公司做小程序做的好好的,突然要做一个H5版本的小程序复刻版。顿时没了精神。但该干还得干啊。顺手撸了一下午代码。突然在生成分享画布的时候怎么滴也分享不成功。打开console看了一下,果不其然,成功报错。 报错如下: 定位到了问题是跨域,接下来就开始解决了。 解决思路: 查看oss配置: 登录oss控制台,查看了跨域配置规则。如下: 觉得没什么问题啊。按照官方文档配置的啊。怎么就是访问不了呢。 修改配置: 既然说是因为响应头上没有标识同源策略的Access-Control

鬼尘珠

SpringBoot+Vue教学辅助系统源码实战:从环境搭建到前后端联调全解析

在JavaWeb全栈开发中,前后端分离架构已成为主流,SpringBoot与Vue的组合凭借快速构建与生态成熟,成为教学类项目的首选技术栈。理解其从概念设计到工程落地的完整链路,是掌握全栈开发能力的关键。SpringBoot通过自动配置简化后端服务搭建,Vue配合Element UI实现组件化页面开发,两者通过RESTful API交互,形成高内聚低耦合的系统结构。该模式在教务管理、作业流转、在线测验等场景中展现出极高的复用价值,尤其适合毕业设计、课程设计及自学练手。围绕一套教学辅助系统源码,从环境配置、数

weixin_30745553

ArcGIS JS API跨域配置 Proxy 代理

详细介绍ArcGIS JS API跨域配置 介绍Proxy 代理不同web服务器环境部署和调用

qingyimengwu
评论 4
收藏 已收藏
分享
返回顶部
stevenjin CSDN会员
.NET社区 62,271 成员 668,968 内容