Angular 页面在服务器端渲染后加载两次

Question

我已经使用 Angular Universal 实现了服务器端渲染，我们的网站出现了问题，一切正常，但是在加载页面时，它加载了两次。一切都是根据 SSR 的 Angular Universal 指南完成的，任何人都可以帮助我有了这个问题。

Answer 1

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

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

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