带有来自javascript的CORS的.NET Core API [关闭]

Question

我的 API 托管在与将访问它的 Web 应用程序不同的 URL 上。我目前已将 CORS 配置为允许我的 API 启动中的所有内容：

配置服务：

        services.AddCors(options => {
            options.AddPolicy("CorsPolicy",
                builder => builder.AllowAnyOrigin()
                .AllowAnyMethod()
                .AllowAnyHeader()
                .AllowCredentials());
        });

配置：

app.UseCors("CorsPolicy");
app.UseMvc();

如果我在浏览器中键入 API URL，它会正常返回请求并按预期取回我的数据。

但是当我尝试使用 javascript 进行 API 调用时：

var xhr = new XMLHttpRequest();    
xhr.open('GET', 'https://api.example.com/Controller');
xhr.onload = function () {
    if (xhr.status === 200) {
        alert('Response is ' + xhr.responseText);
        console.log('Response is ' + xhr.responseText);
    }
    else {
        alert('Request failed.  Returned status of ' + xhr.status);
        console.log('Request failed.  Returned status of ' + xhr.status);
    }
};
xhr.send();

它失败了，我在控制台中收到以下错误消息：

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the 
remote resource at https://api.example.com/Controller. (Reason: CORS header 
‘Access-Control-Allow-Origin’ missing).[Learn More]

我在这里遗漏了什么，需要进行哪些调整才能使其正常工作？

Answer 1

这原来是我的 API 中的一个错误，我调用的方法抛出了 500。我仍然不明白为什么 Firefox 控制台将此报告为 CORS 问题，但似乎确实如此。一旦我修复了错误，消息就消失了

Answer 2

1. 在 ConfigureServices 方法中在 Service.AddCors() 之后启动 MVC
2. 在配置方法中调用 app.UseMVC() 在 app.UseCors() 之后

顺序在这里非常重要。这是完整的 Start.cs 应该如下所示：--

    public void ConfigureServices(IServiceCollection services)
    {

        services.AddCors(options =>
        {
            options.AddPolicy("CorsPolicy",
                builder => builder.AllowAnyOrigin()
                .AllowAnyMethod()
                .AllowAnyHeader()
                //.AllowCredentials()
                )
                ;
        });

        services.AddMvc();
       // EnableCorsAttribute

    }

    // This method gets called by the runtime. Use this method to configure the HTTP request pipeline.
    public void Configure(IApplicationBuilder app, IHostingEnvironment env)
    {

        if (env.IsDevelopment())
        {
            app.UseDeveloperExceptionPage();
        }

        app.UseCors("CorsPolicy");
        app.UseMvc();
        //app.UseCors("CorsPolicy");

    }

希望对你有帮助