ASP NET核心 - ANGULAR NO'Access-Control-Allow-Origin'标头出现在请求的资源

Question

可能会多次询问此问题，但在线提供的解决方案对我不起作用。

在我们的项目中，我们使用WebMethod作为Asp.Net页面处理数据库，或者如果我这样说，我们有一个WebApi： -

http://server/Pages/ApplicationData.aspx/GetApplicationLookups

现在我们有一个AspNet Core Angular Web应用程序，它调用了这个API

postgetGetApplicationLookups(url: string) {
    var headers = new Headers();
    headers.set('Accept', 'application/json; charset=utf-8');
    headers.set('content-Type', 'application/json; charset=utf-8');
    let data = {};
    debugger;
    return this.http.post(
        url,
        data,
        { headers: headers }
    )
        .map(this.handleSuccess)
        .catch(this.handleError)
}

我收到以下错误： - ]

如果我使用POSTMAN，这个POST调用工作正常： -

我使用以下代码修改了我的Startup.cs，但我仍然遇到同样的错误。

    public Startup(IConfiguration configuration)
    {
        Configuration = configuration;
    }

    public IConfiguration Configuration { get; }

    public void ConfigureServices(IServiceCollection services)
    {
        services.AddCors(options => options.AddPolicy("AllowAll", p => p.AllowAnyOrigin()           //Fix API ISSUE
                                                                    .AllowAnyMethod()               //Fix API ISSUE
                                                                     .AllowAnyHeader()));           //Fix API ISSUE


        services.AddMvc();
    }

    public void Configure(IApplicationBuilder app, IHostingEnvironment env)
    {
        if (env.IsDevelopment())
        {
            app.UseDeveloperExceptionPage();
            app.UseWebpackDevMiddleware(new WebpackDevMiddlewareOptions
            {
                HotModuleReplacement = true
            });
        }
        else
        {
            app.UseExceptionHandler("/Home/Error");
        }

        app.UseStaticFiles();

        app.UseCors("AllowAll");        

        app.UseMvc(routes =>
        {
            routes.MapRoute(
                name: "default",
                template: "{controller=Home}/{action=Index}/{id?}");

            routes.MapSpaFallbackRoute(
                name: "spa-fallback",
                defaults: new { controller = "Home", action = "Index" });
        });
    }

我的错误是：

  

无法加载http://server/Pages/ApplicationData.aspx/GetApplicationLookups：对预检请求的响应未通过访问控制检查：请求的资源上没有“Access-Control-Allow-Origin”标头。因此，不允许原点“http://localhost:60602”访问。

任何我可能遗失的想法。

由于

Answer 1

在向 StartUp.cs 添加内容时，顺序很重要。

在ConfigureServices功能中，您需要在{/ 1}} AddMvc来电之后进行AddCors来电。

services.AddCors(options =>
{
    options.AddPolicy("AllowAll", p =>
    {
        p.AllowAnyOrigin()
        .AllowAnyHeader()
        .AllowAnyMethod();
    });
});
...
services.AddMvc(); // must be after AddCors

在Configure功能中，只需使用一个UseCors来电：

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

并且，确保在UseMvc来电之前调用它。

希望这有帮助。