使用凭证启用Cors .web api核心1.1

Question

我正在使用Web api核心1.1和angular2。我在每个HTTP请求中使用令牌和https之类的凭据。 在Internet Explorer中启动时，一切正常，但是在使用chrome和firefox时，获取凭据和Http请求时出现错误。 有人可以告诉我为什么我出错了吗？ 谢谢

public void ConfigureServices(IServiceCollection services)
{
    ...
    services.AddCors(opt =>
    {
       opt.AddPolicy("MyCorsPolicy", builder =>
           builder.AllowAnyOrigin()
           .AllowAnyMethod()
           .AllowAnyHeader()
           .AllowCredentials());
    });
    services.AddMvc();
    ...
}


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

我的ng2代码：

import {Injectable, OnInit} from '@angular/core'
import {Headers, Http, Response} from '@angular/http';
import {Observable} from 'rxjs/Observable';


@Injectable()
export class MyApiCallService implements OnInit{

constructor(private http: Http) { }

ngOnInit() {
   this.fetchCredentials
       .subscribe(c => this.token = c
        ,error => { console.log(error) });
}
private fetchCredentials(): Observable<any> {

    var apiUrl = 'http://localhost:2762/api/someEndpoint';
    return this.http.get(apiUrl,{ withCredentials: true })
               .map(response => response.json())
               .catch(this.handleError);
    }

}

Answer 1

默认情况下，它将清除所有自定义标头。

您必须使用WithExposedHeaders("HeaderName")

例如：

        app.UseCors(options =>
    {
        options.AllowAnyHeader();
        options.WithExposedHeaders("X-Pagination");
        options.AllowAnyOrigin();
        options.AllowAnyMethod();
    });

因此，当您从客户端进行HTTP调用时，您将能够看到标头。