应无所住,而生其心
排名
1
文章
860
粉丝
112
评论
163
net core webapi post传递参数
庸人 : 确实坑哈,我也是下班好了好几次,发现后台传递对象是可以的,但...
百度编辑器自定义模板
庸人 : 我建议换个编辑器,因为现在百度富文本已经停止维护了,用tinymec...
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术

.net core 跨域,.net5.0 跨域

4741人阅读 2020/6/16 15:20 总访问:5194272 评论:0 收藏:0 手机
分类: .NET Core

前端请求接口报错:ccess to XMLHttpRequest at ‘xxx’ from origin ‘null’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

当然这个可以在前端解决,比如前端使用代理,如果要在后端解决的话可以使用如下的方法

ConfigureServices中添加

  1. services.AddCors(a =>
  2. a.AddPolicy("any",
  3. ap => ap.AllowAnyOrigin().//允许任何来源的主机访问
  4. AllowAnyHeader().//允许任何标头(这个最好写到AllowAnyMethod上面去)
  5. AllowAnyMethod()//允许任何方法访问
  6. ));

当然也可以使用WithOrigins限制具体的Ip地址等等。比如把白名单ip配置到配置文件,在从配置文件中读取出来使用WithOrigins加载

  1. .WithOrigins(appConfig.CorUrls)


AllowAnyHeader()这个最好写到AllowAnyMethod上面去。不然可能会多出来204的请求出来(HTTP返回码,指服务器成功处理了请求,但没返回任何内容)。当然其实影响不大。

Configure中添加

  1. app.UseCors("any");

注意app.UseCors(“any”);不要写到app.UseEndpoints下边去,无法解决跨域问题的!比如下面这种情况就是写到app.UseEndpoints下面去了,还是会出现跨域。


因为中间件是顺序执行的,我估计因为app.UseEndpoints里边使用了mvc的东东,比如Controller,估计在处理Controller中的中间件也有相关的跨域验证,验证不过就直接返回跨域错误了,根本到不了下面的app.UseCors(“any”)了。就像路由的顺序要特别注意一样,中间件也是,都是按顺序执行的,如果前面就断路返回了,后面根据没有几乎执行了

这个跨域处理的中间件其实也可以自己来实现逻辑
自定义跨域处理中间件可以更加灵活的实现跨域

  1. public class MyCorsMiddleware
  2. {
  3. private readonly RequestDelegate _next;
  4. private readonly ICorsService _corsService;
  5. private readonly ICorsPolicyProvider _corsPolicyProvider;
  6. private readonly CorsPolicy _policy;
  7. private readonly string _corsPolicyName;
  8. public MyCorsMiddleware(RequestDelegate next, ICorsService corsService, CorsPolicy policy)
  9. {
  10. _next = next;
  11. _corsService = corsService;
  12. _policy = policy;
  13. }
  14. public MyCorsMiddleware(RequestDelegate next, ICorsService corsService, ICorsPolicyProvider corsPolicyProvider)
  15. {
  16. _next = next;
  17. _corsService = corsService;
  18. _corsPolicyProvider = corsPolicyProvider;
  19. }
  20. public MyCorsMiddleware(RequestDelegate next, ICorsService corsService, ICorsPolicyProvider corsPolicyProvider, string corsPolicyName)
  21. {
  22. _next = next;
  23. _corsService = corsService;
  24. _corsPolicyProvider = corsPolicyProvider;
  25. _corsPolicyName = corsPolicyName;
  26. }
  27. public async Task Invoke(HttpContext context)
  28. {
  29. if (context.Request.Headers.ContainsKey("Origin"))
  30. {
  31. var corsPolicy = _policy ?? await _corsPolicyProvider?.GetPolicyAsync(context, _corsPolicyName);
  32. if(corsPolicy != null)
  33. {
  34. var corsResult = _corsService.EvaluatePolicy(context, corsPolicy);
  35. _corsService.ApplyResult(corsResult, context.Response);
  36. var accessControlRequestMethod = context.Request.Headers["Access-Control-Request-Mechod"];
  37. if(string.Equals(
  38. context.Request.Method,
  39. "OPTIONS",
  40. StringComparison.OrdinalIgnoreCase) &&
  41. !StringValues.IsNullOrEmpty(accessControlRequestMethod))
  42. {
  43. context.Response.StatusCode = 204;
  44. return;
  45. }
  46. }
  47. if(context.Request.Headers.TryGetValue("Origin", out var origins))
  48. {
  49. string[] tmp = origins.ToString().Split(new char[] { ':' }, StringSplitOptions.RemoveEmptyEntries);
  50. if (tmp.Length == 2 || tmp.Length == 3)
  51. {
  52. if (tmp[1].Trim() == "//uni.test.com" || tmp[1].Trim() == "//localhost")
  53. {
  54. context.Response.Headers.TryAdd("Access-Control-Allow-Origin", origins);
  55. context.Response.Headers.TryAdd("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
  56. context.Response.Headers.TryAdd("Access-Control-Allow-Methods", "POST,OPTIONS,GET");
  57. context.Response.Headers.TryAdd("Access-Control-Allow-Credentials", "true");
  58. }
  59. }
  60. }
  61. }
  62. await _next(context);
  63. }
  64. }

注册中间件

  1. public static class MyCorsMiddleWareExstension
  2. {
  3. public static IApplicationBuilder UseMyCorsMiddleWare(this IApplicationBuilder builder, string policyName)
  4. {
  5. return builder.UseMiddleware<MyCorsMiddleware>(policyName);
  6. }
  7. }

使用中间件:

  1. app.UseMyCorsMiddleWare(AbpBaseWebCosr);

其他方法可以考虑给某个接口单独设置Response的Headers以及EnableCors特性等。

比如给某个接口的response手动添加一个Access-Control-Allow-Origin

  1. Response.Headers.Add("Access-Control-Allow-Origin", "*");


当然使用这种自己手动添加的方式,也要注意顺序问题,如果顺序不对,跨域的不允许在中间件中默认就已经处理了,根据就没有机会到我们自己写的这里来。虽然跨域的原理是这样,写了就应该支持跨域了,但是如果因为顺序问题,根据就没有机会执行到我们自己实现跨域逻辑这里来,也是没有用的!

更多信息添加:

  1. [HttpGet]
  2. public IEnumerable<string> Get()
  3. {
  4. string userNr = Request.Headers["userNr"];
  5. //Response.Headers.Add("Content-Type", "application/json");
  6. Response.Headers.Add("Access-Control-Allow-Origin", "*");
  7. Response.Headers.Add("Access-Control-Allow-Headers", "*");
  8. Response.Headers.Add("Access-Control-Allow-Methods", "POST,GET,OPTIONS,PUT,DELETE");
  9. //Response.Headers.Add("Access-Control-Allow-Credentials", "true");
  10. //Response.Headers.Add("Access-Control-Allow-Headers", "Content-Type");
  11. //Response.Headers.Add("Access-Control-Allow-Headers", "*,Content-Type,accessToken,Authorization");
  12. //Response.Headers.Add("Content-Type", "*");
  13. return new string[] { "value6", "value6" };
  14. }

还可以考虑一下使用EnableCors特性

  1. [EnableCors("any")]

如果使用了nginx你可能还需要在nginx配置跨域

  1. location / {
  2. if ($request_method = OPTIONS ) {
  3. add_header Content-Type *;
  4. add_header Access-Control-Allow-Origin *;
  5. add_header Access-Control-Allow-Methods 'POST, GET, OPTIONS, PUT, DELETE';
  6. add_header Access-Control-Allow-Credentials true;
  7. add_header Access-Control-Allow-Headers '*,Content-Type,accessToken,Authorization';
  8. return 200;
  9. }
  10. }

像是允许具体的域名跨域请求可以类似这种配置

  1. http:
  2. headers:
  3. Access-Control-Allow-Origin: ['http://registry.example.com']
  4. Access-Control-Allow-Credentials: [true]
  5. Access-Control-Allow-Headers: ['Authorization', 'Accept']
  6. Access-Control-Allow-Methods: ['HEAD', 'GET', 'OPTIONS'] # Optional

欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739。有需要软件开发,或者学习软件技术的朋友可以和我联系~(Q:815170684)

评价

net core 使用 EF Code First

下面这些内容很老了看这篇:https://www.tnblog.net/aojiancc2/article/details/5365 项目使用多层,把数据库访问...

.net mvc分部页,.net core分部页

.net分部页的三种方式第一种:@Html.Partial(&quot;_分部页&quot;)第二种:@{ Html.RenderPartial(&quot;分部页&quot;);}...

StackExchange.Redis操作redis(net core支持)

官方git开源地址https://github.com/StackExchange/StackExchange.Redis官方文档在docs里边都是官方的文档通过nuget命令下...

.net core 使用session

tip:net core 2.2后可以直接启用session了,不用在自己添加一次session依赖,本身就添加了使用nuget添加引用Microsoft.AspN...

通俗易懂,什么是.net?什么是.net Framework?什么是.net core?

朋友圈@蓝羽 看到一篇文章写的太详细太通俗了,搬过来细细看完,保证你对.NET有个新的认识理解原文地址:https://www.cnblo...

asp.net core2.0 依赖注入 AddTransient与AddScoped的区别

asp.net core主要提供了三种依赖注入的方式其中AddTransient与AddSingleton比较好区别AddTransient瞬时模式:每次都获取一...

.net core 使用 Kestrel

Kestrel介绍 Kestrel是一个基于libuv的跨平台web服务器 在.net core项目中就可以不一定要发布在iis下面了Kestrel体验可以使...

net core中使用cookie

net core中可以使用传统的cookie也可以使用加密的cookieNET CORE中使用传统cookie设置:HttpContext.Response.Cookies.Appe...

net core项目结构简单分析

一:wwwrootwwwroot用于存放网站的静态资源,例如css,js,图片与相关的前端插件等lib主要是第三方的插件,例如微软默认引用...

net core使用EF之DB First

一.新建一个.net core的MVC项目新建好项目后,不能像以前一样直接在新建项中添加ef了,需要用命令在添加ef的依赖二.使用Nug...

.net core使用requestresponse下载文件下载excel等

使用request获取内容net core中request没有直接的索引方法,需要点里边的Query,或者formstringbase64=Request.Form[&quot;f...

iframe自适应高度与配合net core使用

去掉iframe边框frameborder=&quot;0&quot;去掉滚动条scrolling=&quot;no&quot;iframe 自适应高度如果内容是固定的,那么就...

net core启动报错Unable to configure HTTPS endpoint. No server certificate was specified

这是因为net core2.1默认使用的https,如果使用Kestrel web服务器的话没有安装证书就会报这个错其实仔细看他的错误提示,其...

net core中使用url编码与解码操作

net core中暂时还没有以前asp.net与mvc中的server对象。获取url的编码与解码操作不能使用以前的server对象来获取。使用的是...

下载net core

官方下载地址:https://dotnet.microsoft.com/download 进来之后就可以看到最新的下载版本可以直接点击下载,也可以下载其...

net core使用依赖注入来装载EF的上下文对象

妹子情人节快乐~.net core中用了不少的依赖注入,官方文档中也推荐使用。这样使用依赖注入来管理ef对象,还是比较科学,比如...