angularjs - 在 Angular 应用程序中将 http header 添加到 window.location.href

Question

我有一个 Angular 应用程序，我需要将其从外部重定向到一个非 Angular html 页面，所以我想我可以只使用 $window.location.href 将 Angular 应用程序重定向到我的外部地点。这实际上工作正常，但是，我有一个 nodejs/express 后端，它在提供任何内容(甚至是静态内容)之前检查身份验证 token 。

这需要在 http 请求的 header 中发送身份验证 token 。现在的问题:

在发出请求之前，您可以/如何向通过更改 $window.location.href 发出的请求添加身份验证 token ？

Answer 1

当您使用 $window.location.href 时，浏览器正在发出 HTTP 请求，而不是您的 JavaScript 代码。因此，您不能使用 token 值添加自定义 header ，例如 Authorization。

您可以通过 JavaScript 添加一个 cookie 并将您的身份验证 token 放在那里。 cookie 将自动从浏览器发送。但是，您需要查看使用 cookie 与 header 的安全隐患。由于两者都可以通过 JavaScript 访问，因此没有额外的攻击媒介。除非您在新页面加载后删除 cookie，否则可能存在 CSRF 漏洞。