为 Angular 2 身份验证启用 WebAPI CORS

我在 stackoverflow 上看到了一些答案，但我迷路了。

我有 webapi 2 + 独立的 Angular 2 webapi项目来自模板。我唯一改变的是我添加了 CORS 并将以下行添加到 IdentityConfig.cs > ApplicationUserManager Create()

context.Response.Headers.Add("Access-Control-Allow-Origin", new[] { "http://localhost:3000" });

这里我有模板的所有标准：

[Authorize]
public class ValuesController : ApiController
{
    // GET api/values
    public IEnumerable<string> Get()
    {
            return new string[] { "value1", "value2" };
    }

在客户端，我有获取访问令牌的功能，该功能可以正常工作：

authenticate(loginInfo: Login): boolean {

        let headers = new Headers(); 
        headers.append('Content-Type', 'application/x-www-form-urlencoded');
        this.http.post(this.baseUrl + 'Token', 'grant_type=password&[email protected]&password=Password2!',
            {
                headers: headers
            })
            .subscribe(
                data => this.saveAuthToken(<AccessToken>(data.json())),
                err => this.handleError(err),
                () => console.log('authentication Complete')
        );           

        return true;        
    }

并获取函数，无需身份验证即可正常工作（注释代码）：

get(url: string) {         

    var jwt = sessionStorage.getItem(this.idTokenName);
    var authHeader = new Headers();       
    if (jwt) {
        authHeader.append('Authorization', 'Bearer ' + jwt);
    }        

    return this.http.get(this.apiUrl + url, {
            headers: authHeader
        })
        .map(res => res.json())
        .catch(this.handleError);       

    //return this.http.get(this.apiUrl + url)
    //    .map(res => res.json())
    //    .catch(this.handleError);   
}  

但是当我尝试添加授权标头服务器返回时：

XMLHttpRequest cannot load http://localhost:3868/api/values. Response for preflight has invalid HTTP status code 405

如何让用户通过 Angular 正确进行身份验证？

1. 安装包 Microsoft.Owin.Cors

2. 添加到App_Start>Startup.Auth.cs>ConfigureAuth（IAppBuilder应用程序）

      app.UseCors(CorsOptions.AllowAll);
   

只有一行。就这样。