Windows 身份验证在 Microsoft Edge 浏览器中不适用于 Angular 2 应用程序

Question

在我的 Angular 2 项目中，客户端调用 Web API 方法，该方法要求用户使用 Windows 身份验证进行授权。此调用在 Internet Explorer 11、Firefox 和 Chrome 中工作正常，但在 Microsoft Edge 中无效，它不显示登录对话框，在控制台中显示“响应状态：URL 未授权 401”。如果我尝试直接在 Edge 中打开 API Url，它会正确显示对话框，所以如果我理解正确，问题出在 Angular 2 调用中。

有没有人在使用 Microsoft Edge 浏览器时遇到过同样的问题？是否需要一些特殊的标头或 Web API 配置来解决问题？

角度 2 服务：

let headers = new Headers();
let options = new RequestOptions({ headers: headers, withCredentials: true });

return this._http.get(this._productUrl, options)
  .map((response: Response) => <IProduct[]> response.json())
  .do(data => console.log('All: ' +  JSON.stringify(data)))
  .catch(this.handleError);

WebApi 2 项目中的 Web.Config：

<system.web>
    <authentication mode="Windows" />
    <authorization>
        <deny users="?" />
    </authorization>
 </system.web>

WebApiConfig：

var cors = new EnableCorsAttribute("http://localhost:3000", "*", "*") {SupportsCredentials = true};
config.EnableCors(cors);

全球.asax：

protected void Application_BeginRequest()
{
    if (Request.Headers.AllKeys.Contains("Origin") && Request.HttpMethod == "OPTIONS")
    {
        Response.Headers.Add("Access-Control-Allow-Origin", "http://localhost:3000");
        Response.Headers.Add("Access-Control-Allow-Headers", "Origin, Content-Type, X-Auth-Token");
        Response.Headers.Add("Access-Control-Allow-Methods", "GET, POST, PATCH, PUT, DELETE, OPTIONS");
        Response.Headers.Add("Access-Control-Allow-Credentials", "true");
        Response.Headers.Add("Access-Control-Max-Age", "1728000");
        Response.End();
    }
}

Answer 1

我知道这个问题很老了，但从未得到解答，所以这就是答案。

这是 Microsoft Edge 的“设计”错误。

它不适用于本地主机或机器名。

请参阅此处了解问题

https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/4776775/