一 、安裝jwt依賴模塊npm
install
@auth0
/angular-jwt
--save
二、在 app.module.ts
中引入 JwtModule
這個模塊(注意,引入該模塊的同時也要引入 HttpClientModule
模塊)如下:
其中是 whitelistedDomains 白名單,blacklistedRoutes 是黑名單,添加以後那些可以訪問驗證,那些不可以訪問
下面是jwt的源碼,可以有助於理解該模塊
三、在需要的組件中引入JwtHelperService服務 ,該服務下有幾個函數可以認識下
我的項目中用到的只有這個方法,其他的具體作用還不太瞭解,有哪位小夥伴知道可以分享下。
其中decodeToken方法的參數就是在前端頁面登錄成功以後後臺返回的token,通過解密就可以知道後臺在token中的攜帶的具體參數。
想要整理更多的碎片知識,掃碼關注下面的公衆號,讓我們在哪裏接着嘮!