我应该在哪里存储“非单页”前端应用程序的 JSON Web 令牌

Question

我最近使用 JWT 作为身份验证方法使用 hapiJS 构建了一个简单的 REST API。 我现在想构建一个纯 ES6 前端，但它不一定是 SPA（会有不止一个 .html 文件）。

我的问题： 登录后存储 JWT 的最佳方式是什么。本地存储，Cookie？

Answer 1

如果您将其存储在 cookie 中，您将容易受到 CSRF 攻击，因为浏览器会自动随每个请求发送令牌。有关这些类型的攻击的更多信息，请参阅：

https://en.wikipedia.org/wiki/Cross-site_request_forgery

我建议将其存储在 localstorage 中，然后通过请求的头部发送令牌。 注意：您的浏览器不会自动为您执行此操作！

例子：

x-access-token: Bearer -jwt goes here-