设置角度“超级全局”变量

Question

我正在使用一项服务，以便在我从我的某个组件提交登录端点时设置我的后端给我的令牌。我正在顶层注入我的服务（在app.module.ts中）我能够使用拦截器向我的应用程序发出的每个请求附加带有该标记的标头。问题是，每次我在浏览器上重新加载页面时（例如使用F5），整个应用程序都会被重新加载，并且会向我提供我在app.module上注入的服务的新功能，因此我丢失了我的令牌可变..

有没有办法创建一种“超级全局”变量，即使我重新加载我的角应用程序仍然存在？

Answer 1

如评论中所述，您可以将localstorage用于percisting。 然后，当您的应用加载时，查看localstorage以查看是否存在令牌：const token = storage.getItem("token");

当您收到新令牌时，将其添加到localstorage：

storage.setItem("token", "jojio8JoloJ8joJOk7656r5");