asp.net core api 前后端分离中配置跨域（cors)

教程参考：

• https://docs.microsoft.com/zh-cn/aspnet/core/security/cors?view=aspnetcore-3.1#enable-cors-with-endpoint-routing  微软官方文档
• https://github.com/cq-panda/Vue.NetCore/blob/master/开发版dev/Vue.NetCore/Vue.Net/VOL.WebApi/Startup.cs  vol-vue框架项目中使用

一、在 ASP.NET Core 的应用程序中启用 CORS

启用CORS有三种方法：

• 使用 命名策略 或 默认策略的中间件  （这次展示这种方法）
• 使用 终结点路由
• 带有 [EnableCors] 属性的
  另外两种方法可以参考微软文档。

1）.在appsettings.json文件中添加允许的站点地址

{
  "Logging": {
    "LogLevel": {
      "Default": "Information",
      "Microsoft": "Warning",
      "Microsoft.Hosting.Lifetime": "Information"
    }
  },
  //多个url用豆号隔开,url为站点的地址，可以将发布后的地址也同时配置上
  "CorsUrls": "http://example.com,http://www.contoso.com"

}

2）.在Startup.cs文件中配置CORS

public class Startup
{

    public void ConfigureServices(IServiceCollection services)
    {
        //必须appsettings.json中配置
        string corsUrls = Configuration["CorsUrls"];
        if (string.IsNullOrEmpty(corsUrls))
        {
            throw new Exception("请配置跨请求的前端Url");
        }
        services.AddCors(options =>
        {
            options.AddDefaultPolicy(
                builder =>
                {
                    builder.WithOrigins(corsUrls.Split(","))
                     //添加预检请求过期时间
                     .SetPreflightMaxAge(TimeSpan.FromSeconds(2520))
                    .AllowCredentials()
                    .AllowAnyHeader().AllowAnyMethod();
                });
        });

        // services.AddResponseCaching();
        services.AddControllers();
    }

    public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
    {
        if (env.IsDevelopment())
        {
            app.UseDeveloperExceptionPage();
        }

        app.UseHttpsRedirection();
        app.UseStaticFiles();
        app.UseRouting();

        app.UseCors();//必须将对的调用 UseCors 置于UseRouting之后  但在UseAuthorization之前  原因可查阅;https://docs.microsoft.com/zh-cn/aspnet/core/fundamentals/middleware/?view=aspnetcore-3.1#middleware-order

        // app.UseResponseCaching();

        app.UseAuthorization();

        app.UseEndpoints(endpoints =>
        {
            endpoints.MapControllers();
        });
    }
}

这样，就已经配置好了，前端直接请求就行了。

asp.net core api 前后端分离中配置跨域（cors)

原文：https://www.cnblogs.com/Z7TS/p/13883941.html