如何修复跨域请求被阻止：（原因：CORS预检通道未成功）

Question

我已经使用Web-API调用构建了服务器端，以从Angular应用获取数据， 我的注册页面可以正常显示数据，但它从未到达服务器端， 不断发生以下错误：

  

跨域请求被阻止：“同源起源”策略禁止读取http://localhost:58972/api/user/处的远程资源。 （原因：CORS的预检渠道未成功）。[了解更多]

     

跨域请求被阻止：“同源起源”策略禁止读取http://localhost:58972/api/user/处的远程资源。 （原因：CORS请求未成功）。[了解更多]

     

错误   对象{标头：{…}，状态：0，statusText：“未知错误”，url：“ http://localhost:58972/api/user/”，还可以：false，名称：“ HttpErrorResponse”，消息：“ {{3}的Http失败响应” }：0未知错误“，错误：错误}

Answer 1

添加config.EnableCors（）;在WebApiConfig.cs文件的Register方法中

在有角的一面添加“ access-control-allow-origin” HttpHeader

如果您通过令牌基础身份验证使用owin，则

安装此nuget软件包https://www.nuget.org/packages/Microsoft.Owin.Cors/并添加app.UseCors（CorsOptions.AllowAll）;在启动文件下的配置方法。