javascript - 如何跨页面维护按钮状态

Question

在我的项目中，我使用普通的HTML作为前端，使用Django作为后端。我有一个登录系统。

---

我对此有两个问题：

1. 当用户登录时，我如何在 HTML 中检测到它并将登录按钮更改为显示注销。

2. 如何跨页面维护此更改。因此，当我在登录后导航到不同的页面时，它会一直显示注销按钮。

---

不要建议我反应。我已经走了很长一段路，我可以为这个项目改变我的技术堆栈。

标签： javascripthtmldjango

Answer 1

您可以使用localStorage保存为变量，例如isLoggedIn将在不同的路由和刷新时持续存在。想要保存的示例

window.localStorage.set("isLoggedIn", "true");

当您想检查他们是否已登录时

const isLoggedIn = window.localStorage.get("isLoggedIn");