javascript - Angular Guard 通过 cookies 中的 token 进行路由

Question

我通常将用户 token 保存在本地存储中。我检查本地存储中的“ token ” key 作为 CanActivate 方法来保护某些路由。如果 key 在那里，我让用户登陆页面，否则我重定向到登录页面。

现在我使用 cookie 来存储身份验证 token 。 token 在服务器登录时直接存储在 cookie 中(set-cookie、secure: true、httpOnly: true)。

由于httpOnly，我无法从js检查 token 是否已存储，并且我不知道如何保护我的路由。我怎样才能像以前一样完成类似的处理？我是否应该在登录时在本地存储中保存一些内容并检查 key 是否在那里？我可以检查 key 是否以某种方式存储在 cookie 中吗？

Answer 1

您可以使用NPM包ngx-cookie-service。

npm install ngx-cookie-service

在你的app.module中

import { CookieService } from 'ngx-cookie-service';

在组件中

constructor(private cookieService: CookieService) {}
…
public ngOnInit() {
    this.cookieService.set('cookie-name','cookie value');
    let cookieValue = this.cookieService.get('cookie-name');
}

https://itnext.io/angular-8-how-to-use-cookies-14ab3f2e93fc

问候