Asp。NETMVC核心CORS

Question

我们正在开发具有移动部分和网络用户界面的应用程序。Web UI使用角，我们在后端配置cors时遇到了问题。我们的代码如下（只是对我们的问题很重要的代码）：

public void Configure(IApplicationBuilder app, IHostingEnvironment env, ILoggerFactory loggerFactory)
{
    app.UseCors("AllowAll");

    app.UseMvc();
}

public void ConfigureServices(IServiceCollection services)
{            
    services.AddMvc();

    //Add Cors support to the service
    services.AddCors(
        options => options.AddPolicy(
            "AllowAll", p => p.AllowAnyOrigin()
                .AllowAnyHeader()
                .AllowAnyMethod()
                .AllowCredentials()
            )
        );
}

从stackoverflow上的文档和其他帖子来看，这应该是可行的，但不是。我们错过了什么？

thnx

编辑：

这是邮递员的请求：

卷曲'https://guw.azurewebsites.net/api/token'-X OPTIONS-H'Pragma:no cache'-H'访问控制请求方法：POST'-H'来源：http://localhost:9000'-H'接受编码：gzip，deflate，sdch，br'-H'接受语言：en-US，en；q=0.8'-H'用户代理：Mozilla/5.0（Windows NT 10.0；WOW64）AppleWebKit/537.36（KHTML，如Gecko）Chrome/51.0.2704.103 Safari/537.36'-H'接受：/'-H'缓存控制：无缓存'-H'引用：http://localhost:9000/“-H”连接：保持活动状态“-H”访问控制请求头：接受、授权、内容类型“-compressed”

你可以在《邮递员》中导入并查看它。此请求由angular应用程序发送。

希望这能有所帮助。

最后，我决定在中间件中添加以下方法：

private void AddCors(HttpContext context)
{
    context.Response.Headers.Add("Access-Control-Allow-Headers", 
        new string[] { "Authorization", "Content-Type" });
    context.Response.Headers.Add("Access-Control-Allow-Methods", 
        new string[] { "OPTIONS", "POST", "GET", "DELETE", "PUT" });

    IEnumerable<string> allowedUrls = new List<string>()
    {
        "http://localhost:8100", 
        "http://localhost:9000"
    };

    if (allowedUrls.Count() > 0)
    {
        foreach(string x in allowedUrls)
        {
            var origin = context.Request.Headers.FirstOrDefault(
                key => key.Key == "Origin");
            var found = x.ToLower() == origin.Value.ToString().ToLower();
            if (found)
            {
                context.Response.Headers.Add("Access-Control-Allow-Origin", 
                    new string[] { origin.Value });
            }
        }
    }

    return;
}

编辑：

这很好，但在逻辑上它并没有按照我需要的那样工作，所以我在我的中间件类中使用了这个，这很好：

// Add CORS to every response
context.Response.Headers.Add("Access-Control-Allow-Headers", 
    new string[] { "Authorization", "Content-Type" });
context.Response.Headers.Add("Access-Control-Allow-Methods", 
    new string[] { "OPTIONS", "POST", "GET", "DELETE", "PUT" });
context.Response.Headers.Add("Access-Control-Allow-Origin", "*");

if (context.Request.Method.Equals("OPTIONS", StringComparison.Ordinal))
{ 
    context.Response.StatusCode = 204;
    return _next(context);
}

谢谢

Answer 1

您应该阅读以下文章，以便更好地了解如何在ASP. NET 5中使用Cors。

https://docs.asp.net/en/latest/security/cors.html

基本上，UseCors注册一个Cors中间件来处理与Cors相关的请求。但是你实际上不需要在你的情况下注册它，因为MVC有内置的组件（过滤器），以类似的方式处理它。Cors中间件在您不想使用MVC的情况下非常有用。

因此，对于您的场景，删除UseCors注册，如果您查看上面的链接，您可以看到要启用全局Cors策略，您可以执行以下操作：

services.Configure<MvcOptions>(options =>
{
    options.Filters.Add(new CorsAuthorizationFilterFactory("AllowAll"));
});

Answer 2

在我的应用程序（有angular2作为前端）中，我按照以下方式进行-

        app.UseCors(builder => {
            builder.AllowAnyOrigin().AllowAnyMethod().AllowAnyHeader();
        });

有关更多信息，请参阅本手册-https://docs.asp.net/en/latest/security/cors.html

看看这是否有帮助。