Angular 带转移态的角形万向环

我使用angular 7和nodejs express作为后端API，我使用angular universal作为SEO透视图的服务器端渲染 在SSR网站闪烁之后，我使用基于JWT令牌的身份验证，并在每个Http请求中发送令牌，以检查令牌是否有效

为了消除闪烁，我尝试了多种方法来避免闪烁

使用Transfer state来管理缓存并避免重复的https请求，它工作得很好，但问题是我在服务器端调用时没有从本地存储获取令牌 因此，它不工作，不重新加载页面或硬刷新，但我仍然面临着小的闪烁问题，如它显示主页，然后在1秒后加载正确的内容

利用角幸福 我也尝试过避免闪烁，但是这个库也使用了相同的TransferState和缓存概念，面临着相同的问题

角形预引导 使用angular preboot，我避免了80%的flickring问题，但它仍然会先显示主页，然后加载访问过的页面，这看起来很奇怪

---

您可以像以前一样使用TransferState，但使用cookies来存储JWT而不是localstorage。这样，当使用angular universal时，您就可以访问cookies了

我们使用来处理客户端和服务器端的cookie

这样，在初始页面加载和angular接管客户端时，应该显示完全相同的内容