angularjs - 需要将 Windows 凭据跨域传递给 API

Question

我已经在 AngularJS 中实现了基于 token 的身份验证，但是我的安全 API(生成 token )是基于窗口的，以便将所有 AD 交互集中到一个站点。

结构如下:

流程如下:

1. 用户未登录
2. 向 windows 认证的安全 API 发出 $http 请求
3. Security Api 用户 AD 创建 token (由 windows auth 处理的身份验证)
4. token 返回给应用
5. 所有后续请求都使用 token 来标记经过身份验证的 api

当安全性和应用程序位于同一个域时，这一切都工作正常，但是只要 $http 请求需要跨域，就不会发送带有 Windows 凭据的授权 header ，从而导致 401。

Example Request (api is windows authenticated)

Security Api 通过允许 Origin 的(* 仅用于测试而非生产)来允许跨域请求:

<add name="Access-Control-Allow-Origin" value="*" />
<add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE, OPTIONS" />
<add name="Access-Control-Allow-Headers" value="Origin, X-Requested-With, Content-Type, Accept" />

问题(长话短说:DR):

是否可能？如果可能，如何让 AngularJS 客户端应用程序在发出跨域 $http 请求时传递 Windows 凭据？

Answer 1

尝试在发出 AJAX 请求时将 withCredentials 属性设置为 true 以确保客户端将发送其凭据:

$http.get(url, { withCredentials: true, ...})

基本上这个标志的作用是在底层 XMLHttpRequest 上设置 withCredentials 属性。 native 对象。

您可能还需要将服务器上的 Authorization header 包含到 Access-Control-Allow-Headers 响应中。