在 Angular 网站中存储 JWT 令牌的最佳位置是什么

Question

在 Angular 网站中存储 JWT 令牌的最佳位置是什么。 我知道我们可以将它存储在本地存储中，但可以通过 JS 脚本轻松访问。 我在谷歌上阅读了很多答案，现在我很困惑该使用哪一个。

Answer 1

您可以在前端存储令牌的每个地方都可以通过 js 脚本访问。 话虽这么说，最常见的做法是localStorage和sessionStorage

• 当您希望令牌在选项卡之间保留并且在浏览器窗口关闭后不结束会话时，请使用localStorage

• 当您希望令牌对每个选项卡都是唯一的并且在选项卡或浏览器关闭时被删除时，请使用sessionStorage 。

正如Kiran 提到的，您还可以将其存储在 cookie 或前端数据库中

Answer 2

您可以将令牌存储在许多地方，这取决于您的选择，基本上许多开发人员将令牌存储在local storage中，但您有很多方法可以尝试或使用它。

1. local storage

   您可以将令牌存储在local storage中，但您告诉 JS 可以轻松访问，您还可以从控制台下的local storage部分编辑令牌。

2. index DB

   index Db是一个角度包，它是您可以使用它的第二个选项，它提供所有功能，如set 、 get 、 delete等。 您无法从控制台编辑它的值的主要优点是您可以尝试一下。

3. cookies

   在 cookie 中，您可以存储令牌，但可能很容易被 JS 访问。

我认为索引数据库非常适合存储令牌，如果您愿意，可以尝试一下