发送到ASP.NET Web API时，请求标头中Angular 5缺少Content-type

Question

目前，我正在使用Angular 5建立网站。 我的网站使用0Auth 2.0来保护发送到ASP.net Web API 2.0的请求的安全。 因此，当我尝试发送获取访问令牌的请求时。 我使用这个功能：

userAuthentication(userName, password) {
let data = "username=" + userName + "&password=" + password + "&grant_type=password&client_id=JCWebApp";
return this.http.post(this.rootUrl + '/login', data,{headers:'Content-Type':'application/x-www-form-urlencoded'}});

}

但是Web api服务器为我返回状态码为400的响应。当我检查登录请求的请求标头时，它像这样：

接受
text / html，application / xhtml + xm…plication / xml; q = 0.9， / ; q = 0.8 Accept-Encoding gzip，deflate Accept-Language zh-cn，en; q = 0.5 Access-Control-Request-Headers
无认证访问控制请求方法
开机自检连接
保持活动主机
本地主机：9810来源
http：// localhost：4200用户代理
Mozilla / 5.0（Windows NT 10.0;…）Gecko / 20100101 Firefox / 59.0

我在互联网上进行了研究，并尝试了多种方法，所有的答案都与以下内容相同： -Angular HttpClient不发送header 。 但这不适合我的情况。

因此，请帮助我解释为什么以及如何解决此案件。

谢谢。

Answer 1

您需要在Web API中启用CORS

在nuget Microsoft.Owin.Cors中下载此文件

并在您的Web API中的ConfigureAuth(IAppBuilder app)中

添加此行代码app.UseCors(Microsoft.Owin.Cors.CorsOptions.AllowAll);