一 、安装jwt依赖模块npm
install
@auth0
/angular-jwt
--save
二、在 app.module.ts
中引入 JwtModule
这个模块(注意,引入该模块的同时也要引入 HttpClientModule
模块)如下:
其中是 whitelistedDomains 白名单,blacklistedRoutes 是黑名单,添加以后那些可以访问验证,那些不可以访问
下面是jwt的源码,可以有助于理解该模块
三、在需要的组件中引入JwtHelperService服务 ,该服务下有几个函数可以认识下
我的项目中用到的只有这个方法,其他的具体作用还不太了解,有哪位小伙伴知道可以分享下。
其中decodeToken方法的参数就是在前端页面登录成功以后后台返回的token,通过解密就可以知道后台在token中的携带的具体参数。
想要整理更多的碎片知识,扫码关注下面的公众号,让我们在哪里接着唠!