C# webApi 之Ajax跨域(带头部参数)

最新推荐文章于 2022-07-28 16:25:00 发布
最新推荐文章于 2022-07-28 16:25:00 发布
阅读量395 收藏 1
点赞数
文章标签： 后端
原文链接：http://www.cnblogs.com/tcwl/p/8599426.html
版权
本文介绍了在C# WebApi中处理Ajax跨域问题，特别是当Ajax请求包含自定义Header时，浏览器会发送预请求OPTIONS。解决方法包括在授权拦截器中处理OPTIONS请求，设置Access-Control-Allow-Headers，以及确保在每个响应中添加Access-Control-Allow-Origin。注意，为了安全，不应使用"*"通配符，而应指定具体域名。
摘要由CSDN通过智能技术生成

　　ajax跨域对于一个后端开发来说是经常需要处理的问题，通常遇到跨域我们会在返回Response的Headers里加入Access-Control-Allow-Origin（ response.Headers.Add("Access-Control-Allow-Origin", "*");)即可。

有一天你会发现当你需要在ajax的请求里加上header，加上这句也是行不通的。

　　接下来将我的处理方法拿出来大家讨论下。

　　首先，了解IE chrome 等浏览器 对于 跨域请求并要求设置Headers自定义参数的时候，会先发出 "预请求" ，  就是如果遇到 跨域并设置headers的请求，所有请求需要两步完成！

　　第一步：发送预请求 OPTIONS 请求。此时 服务器端需要对于OPTIONS请求作出响应 一般使用202响应即可 不用返回任何内容信息。这里可以在权限拦截器（AuthorizeAttribute）中处理

List<string> hederList = new List<string>();
hederList.Add("
最低0.47元/天 解锁文章
dazheng5524
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Winform入门(五) WEBAPI请求
finedayforu的博客
08-11 1136
一. 需要引入: using System.Net; using System.IO; 二. 处理get请求 public static string HttpGet(string url, Dictionary<string, string> para) { Encoding encoding = Encoding.UTF8; ...
Ajax调用C# 接口出现跨域问题
weixin_50384980的博客
06-01 389
跨域
C#API解决自定义请求头下的跨域问题
w36680130的博客
07-09 206
C#API解决自定义请求头下的跨域问题
ajax 跳转页面时添加header
weixin_34061042的博客
11-16 4632
在页面中添加一个form表单隐藏域，表单的一个属性是需要传的token，然后在ajax的回调函数中提交这个表单。要把这个token添加到header中就需要重写一个过滤器filter继承org.springframework.web.filter.HiddenHttpMethodFilter.重写获取header的方法。 参考博客：https://blog.csdn.net/fe123rarw...
后端设置跨域header
ouyangfeiyu123的博客
09-02 1176
header("Access-Control-Allow-Origin: http://a.com"); // 允许a.com发起的跨域请求 //如果需要设置允许所有域名发起的跨域请求，可以使用通配符 * header("Access-Control-Allow-Origin: *"); // 允许任意域名发起的跨域请求 header('Access-Control-Allow-Headers: X-Requested-With,X_Requested_With'); 后端设置跨域header ...
C# WebApi CORS跨域问题解决方案
08-27
C# WebApi CORS跨域问题解决方案 在Web开发中，跨域问题是一个常见的挑战，尤其在使用C# WebApi构建后端服务时。为了解决这个问题，我们可以利用CORS（跨域资源共享）机制。本文将深入探讨CORS的背景、工作原理以及...
基于CORS实现WebApi Ajax 跨域请求解决方法
12-08
总结来说，CORS是解决Web API跨域问题的有效方法，它允许服务器通过设置响应头来控制哪些源可以访问资源，并支持多种HTTP请求方法和自定义头部。在ASP.NET Web API中，可以通过自定义处理器来轻松实现CORS支持，以...
c# webapi 跨域调用例子
04-13
2个项目，一个web html页面ajax调用，一个webapi项目提供接口。适合初学者。
ASP.NET WebAPI2复杂请求跨域设置的方法介绍
10-15
本文将详细介绍如何在ASP.NET WebAPI2中设置复杂请求的跨域访问。 跨域条件： 当一个页面试图通过 AJAX 或其他方式向不同源的服务器发送请求时，浏览器会根据同源策略进行检查。如果源（域名、协议、端口）不匹配，...
WebApi跨域访问
02-13
WebApi跨域访问是开发基于ASP.NET WebApi和MVC应用程序时经常遇到的一个关键问题。在Web开发中，由于浏览器的同源策略限制，不同源（协议、域名或端口不同）的请求会被阻止，这被称为跨域问题。解决这个问题的技术被...
Winform宿主Asp.Net WebApi中Owin 自定义Token请求参数
elie_yang的博客
07-28 1834
此后继续Owin框架的功能流程不变；其中grant_type和username、password为固定的参数，且grant_type固定为"password"，否则请求token不成功;步骤2把如上两个文件粘贴到项目中，重命名如MyOAuthAuthorizationServerHandler和。例如选用BearerToken验证利用Asp.NetOwin实现基本套路为(宿主Winform程序为例)重点来了，如果希望改变获取Token的参数，该如何处理呢？其他相关依赖包自动下载；......
解决跨域 - 服务器端设置 http header
02-20 1035
这是需要在服务器端设置的，作为前端工程师我们不用详细掌握，但是要知道有这么个解决方案。而且，现在推崇的跨域解决方案是这一种，比 JSONP 简单许多。 response.setHeader("Access-Control-Allow-Origin", "http://m.juejin.com/"); // 第二个参数填写允许跨域的域名称，不建议直接写 "*" response.setHeader("Access-Control-Allow-Headers", "X-Requested-With");
跨域解决方案 （含header、cookie跨域）
weixin_30555515的博客
07-26 1140
知识小结： 1.跨域的问题不是服务器的问题，是浏览器不允许跨域 从而报错。 2.协议 ip 端口，只要其中一个前后端不同，浏览器都视为跨域。 3.只有X-Requested-With为XMLHttpRequest的情况下才会发生跨域的问题。 而$.get $.post $.ajax都是XMLHttpRequest的类型，所以产生跨域问题。getJsonP就是通过绕过这个类型来解决跨域...
WebApi 身份认证解决方案：Basic基础认证
绝圣弃智-零的博客
12-13 549
正文 如果WebApi服务没有加任何验证的问题，任何人只要知道了接口的url，都能够模拟http请求去访问我们的服务接口，从而去增删改查数据库，这后果想想都恐怖。 一、为什么需要身份认证 如果没有启用身份认证，那么任何匿名用户只要知道了我们服务的url，就能随意访问我们的服务接口，从而访问或修改数据库。 1、我们不加身份认证，匿名用户可以直接通过url随意访问接口 2、增加了身份认证...
js设置自定义header
clz1314521的专栏
09-18 7716
1、js ajax 设置自定义header 1.1 方法一： $.ajax({ type: "POST", url: "Handler1.ashx", contentType: "application/x-www-form-urlencoded", beforeSend: function (request) { request.setRequestHeader("token1", "Chenxizhang"); }, success:
asp.net webapi 跨域问题解决 No 'Access-Control-Allow-Origin' header i
huazaizuiaiw的专栏
02-02 2753
一、基础解决方案（基础配置） 通过Ajax调用web api路径时报错： No 'Access-Control-Allow-Origin' header is present on the requested resource. C#自带的web api并不能支持跨域访问，如果需要，可以更改配置来实现。 1、更改Web.config文件，加上如下代码 <httpProtocol&...
C#调用webapi服务post请求带请求头
yh361的博客
05-30 4105
C#调用webapi
跨域的同时设置headers信息
u013992330的博客
07-08 4748
1. 通常情况下，跨域时浏览器是无法设置headers的，但是我们可以从后台设置，允许浏览器设置对应属性值，即补充 Access-Control-Allow-Headers 的值。例如我要在浏览器发送请求时，在headers中加入token属性，则完整的设置方式如下： // 接受任意域名的请求 res.header('Access-Control-Allow-Origin', '*'); // 允许浏览器发送Cookie res.header("Access-Control-Allow-Credent
ajax和body传参数,@RequsetBody 与ajax直接传值
weixin_34817716的博客
08-05 2393
var save_data={"id":khbh,"msg":citybm};$.ajax({headers: {"Authorization":token//此处放置请求到的用户token},url:add_url,type: "post",data:JSON.stringify(save_data),contentType: "application/json",dataType: 'json...
C# WEBAPI 跨域
最新发布
03-03
C# WebAPI 跨域问题可以通过CORS（跨域资源共享）来解决。以下是两种解决方案的示例代码： 1. 在API的类上使用特性标注[^1]： ```csharp [EnableCors(origins: "http://localhost:8081/", headers: "*", methods: "GET,POST,PUT,DELETE")] public class ChargingController : ApiController { [HttpGet] public string GetAllChargingData() { return "Success"; } } ``` 2. 在WebApiConfig.cs文件中配置跨域： ```csharp public static class WebApiConfig { public static void Register(HttpConfiguration config) { // 跨域配置 config.EnableCors(new EnableCorsAttribute("*", "*", "*")); // Web API 路由 config.MapHttpAttributeRoutes(); config.Routes.MapHttpRoute( name: "DefaultApi", routeTemplate: "api/{controller}/{action}/{id}", defaults: new { id = RouteParameter.Optional } ); } } ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值