Angular 页面在服务器端呈现后加载两次

Angular page loads twice after Server Side Rendering

我已经使用 Angular Universal 实现了服务器端呈现,我们的网站出现了问题,一切正常,但是在加载页面时,加载 twice.Everything 是根据to Angular SSR 通用指南,谁能帮我解决这个问题。

这是 Angular Universal 的一个非常常见的问题。

服务器呈现的应用程序在加载真正的客户端应用程序时显示您的应用程序视图,它只是一个具有样式的静态 HTML 页面,直到浏览器在后台下载客户端应用程序脚本并且 Angular 将显示实时应用程序的动态渲染视图。当客户端应用呈现时,它开始重新 运行 代码,结果它会再次发出 HTTP 请求。

要解决此问题,您应该使用 TransferHttpCacheModule,只需按照有关如何在您的项目中实施它的文档进行操作即可。 Link: https://github.com/angular/universal/blob/master/docs/transfer-http.md