javascript - 如何编辑源自超链接( 标记)的 HTTP GET 请求的授权 header

Question

我有一个 Angular 应用程序，它在本地存储中存储 JWT token 以提供身份验证。我想做的是弄清楚如何获取此 JWT token 并将其插入到 HTTP GET 请求中，该请求呈现为一个全新的网页(不是从显示在同一页面中的 XMLHTTP 请求返回的对象...) .

这可能吗？我发现做类似事情的唯一方法是使用基本的 HTTP 授权，例如:

用户名:密码@www.hypotheticalwebsite.com

我假设我可以在那里传递我的整个 JWT。

我在 Node.js 后端使用 Express.js 处理路由。

Answer 1

只需从您的语言环境存储中读出 JWT，然后将 JWT 插入授权 header ，或者您可以将其添加为 GET 参数。

我会推荐标题。

接下来简单地读出 JWT。

如果express实例的所有页面都需要处理，在express-middleware中处理。

更新

如果您想使用普通链接，则必须使用类似 ?auth_token=12345 的参数。

要添加它是一个 header ，您可以使用 $http 并在您的 Controller 中使用一个方法。例如:

Controller

$scope.openLink = function() {
    var config = {
        headers:  {
            'Authorization': '12345',
        }
    };

    $http.get("<your url>", config);
}

查看

<a href="#" ng-click="openLink()">Test</a>

屏蔽管理界面

为了安全起见，您应该在您的 api 中添加 Angular 色，并且只允许对管理员进行与管理相关的调用，并且还要检查 Angular 方面是否允许用户以该用户拥有的 Angular 色打开 UI。对于 Angular，有一些 acl 模块，例如:github.com/mikemclin/angular-acl