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

标签 angular angular-universal server-side-rendering

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

最佳答案

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

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

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

关于Angular 页面在服务器端渲染后加载两次,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57220189/

相关文章:

angular - 如何在 Angular 6 中导入 sass 文件

javascript - 使用innerHTML Angular时将点击事件绑定(bind)到外部内容

Angular <mat-select> 下拉菜单不适用于 nebular 主题

angular - Ubuntu 16.04 上的 NPM 安装错误,但 Windows 10 上没有

angular - 如何在 Angular Universal 中获取完整的基本 URL(包括服务器、端口和协议(protocol))?

javascript - 找不到模块 '../dist/ngfactory/src/app/app.server.module.ngf actory'。 Angular 客户端

javascript - React - 什么会导致服务器渲染后屏幕出现白色闪烁?

Angular universal 7 不进行 http 调用

javascript - Nextjs 中的样式组件延迟设置属性

reactjs - 与使用普通 React 相比,使用 Next.js 进行服务器端渲染的潜在缺点是什么