ASP NET CORE – ANGULAR NO’Access-Control-Allow-Origin’标头出现在请求的资源上

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

在我们的项目中,我们使用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‘进入.

任何想法,我可能会失踪.

谢谢

解决方法

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

在ConfigureServices函数中,您需要在AddCors调用后进行AddMvc调用.

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调用之前调用它.

希望这可以帮助.