现代 Web 应用程序通常需要用户登录身份验证并维护其身份验证令牌。在 Angular 应用程序中，我们可以使用 angular2-jwt 库来管理身份验证令牌。但是，一旦令牌过期，我们需要使用刷新令牌来获取新的令牌。这时候，我们可以使用 angular2-jwt-refresh 包。
angular2-jwt-refresh 包是 angular2-jwt 的扩展库，可以自动处理令牌过期并使用刷新令牌来获取新令牌。本文将提供 angular2-jwt-refresh 的使用教程。
安装
在安装之前，请确保您已经安装了 angular2-jwt 库。然后使用以下命令来安装 angular2-jwt-refresh 包：
npm install angular2-jwt-refresh --save
用法
为了使用 angular2-jwt-refresh 包，您需要先实例化 JwtInterceptor。然后，使用 RefreshInterceptor 扩展您的 JwtInterceptor。
-- -------------------- ---- -------
------ ------------ ---- ----------------
------ ---------------- ---- ---------------
------ -------------------- ---- -----------------------
-------------
------ ----- -------------------- ------- -------------- -
------ --------------------------- ------- -
-- -----------
-- --------------------
-
------ ----------------- ------ - ---- -
-- -----------
-- -------------------
------ -----
-
-
-------------
------ ----- ------------- ------- ---------------------------------------- -
-- ------ ---------------- -----
-在上面的示例中，我们扩展了 JwtInterceptor 并添加了 setAccessToken 和 getAccessToken 方法。这些方法用于设置和获取新的访问令牌，以解决过期令牌问题。我们还创建了一个包含 RefreshInterceptor 的 MyInterceptor 类来拦截 HTTP 请求。
然后，在您的 app.module.ts 文件中注册拦截器：
-- -------------------- ---- -------
------ ------------------- ---- -----------------------
------ --------------- ---- -------------------
-----------
---------- -
--------- ------------------ --------- -------------- ------ -----
-
--
------ ----- --------- --现在，您可以使用 angular2-jwt-refresh 来自动处理过期的令牌。例如，让我们发出一个 GET 请求：
-- -------------------- ---- -------
------ ----------- ------- ---- ----------------
------ ------------ ---- -----------------------
------------
--------- -------------------
--------- -----
--
------ ----- ----------- ---------- ------ -
------------------- ----- ----------- --
---------- -
------------------------------------------------------------- -- -
------------------
---
-
-如果您的访问令牌已过期，MyRefreshInterceptor 类将使用刷新令牌获取新的访问令牌，并重新发出请求。如果您的刷新令牌也过期了，则需要使用其他方法重新获取访问令牌。
结论
angular2-jwt-refresh 包可以自动处理过期的令牌。本文提供了 angular2-jwt-refresh 包的使用教程，以及如何扩展 JwtInterceptor 和 RefreshInterceptor 来处理过期的访问令牌。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005597981e8991b448d7033