asp.net core 3.1 中配置跨域

最新推荐文章于 2025-11-10 09:17:00 发布

原创最新推荐文章于 2025-11-10 09:17:00 发布 · 2.6k 阅读

3 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#asp.net core 跨域 #CORS 跨域

.NetCore 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了如何在ASP.NET Core 3.1中配置跨域，包括两种方法：通过注册策略和服务添加CORS，以及添加自定义中间件。在注册策略中，允许任何源、头部和方法。同时，注意在测试环境中，HTTPS重定向必须被注释，以避免跨域错误。UseCors中间件的正确放置位置是在UseRouting之后，UseAuthorization之前。参考官方文档以获取更多详细信息。

// 1.跨域配置注册策略
services.AddCors(options => {
options.AddPolicy("CorsPolicy", builder =>
{
builder.SetIsOriginAllowed((x) => true)
.AllowAnyOrigin()
.AllowAnyHeader()
.AllowAnyMethod();
});

});

// 2. 添加使用注册的策略
app.UseCors("CorsPolicy");

第二种方式：添加自定义中间件进行配置

1. 添加中间件

 /// <summary>
    /// /自定义跨域配置中间件
    /// </summary>
    public class OptionsMiddleware
    {
        private readonly RequestDelegate _next;

        public OptionsMiddleware(RequestDelegate next)
        {
            _next = next;
        }

        public Task Invoke(HttpContext context)
        {
            return BeginInvoke(context);
        }

        private Task BeginInvoke(HttpContext context)
        {
            if (context.Request.Method == "OPTIONS")
            {
                context.Response.Headers.Add("Access-Control-Allow-Origin", new[] { (string)context.Request.Headers["Origin"] });
                context.Response.Headers.Add("Access-Control-Allow-Headers", new[] { "Origin, X-Requested-With, Content-Type, Accept" });
                context.Response.Headers.Add("Access-Control-Allow-Methods", new[] { "GET, POST, PUT, DELETE, OPTIONS" });
                context.Response.Headers.Add("Access-Control-Allow-Credentials", new[] { "true" });
                context.Response.StatusCode = 200;
                return context.Response.WriteAsync("OK");
            }
            return _next.Invoke(context);
        }
    }
    public static class OptionsMiddlewareExtensions
    {
        public static IApplicationBuilder UseOptions(this IApplicationBuilder builder)
        {
            return builder.UseMiddleware<OptionsMiddleware>();
        }
    }

2. 使用 app.UseOptions();

注意：

测试环境 /app.UseHttpsRedirection(); 必须注释掉不然跳转404 前端会出现跨域错误

添加中间件 OptionsMiddleware 跨域设置调用 UseCors 扩展方法并指定 _myAllowSpecificOrigins CORS 策略。 UseCors添加 CORS 中间件。必须将对的调用 UseCors 置于之后 UseRouting 但在之前 UseAuthorization

官方参考文档：

https://docs.microsoft.com/zh-cn/aspnet/core/security/cors?view=aspnetcore-3.1