Angular 通用页面在服务器端渲染（ ssr ）中加载两次答案

【问题标题】：Angular universal page load twice in server side rendering ( ssr )Angular 通用页面在服务器端渲染（ ssr ）中加载两次
【发布时间】：2021-08-31 09:36:26
【问题描述】：

由于第一页加载了两次，我在网站中添加了 angular Universal。请有人提供此问题的确切答案。单击查看页面源代码后，我想查看整个代码。当我这样做时

<section  style="background-color: rgb(202, 202, 202);" >
    <div class="container" style="background-color: #fff;">
        <router-outlet (activate)="onActivate($event)"></router-outlet>
    </div>
</section>

我可以检查代码，但问题是页面加载了两次

但是当我在我的代码中使用这个代码时

  <section *ngIf="this.isBrowser" style="background-color: rgb(202, 202, 202);" >
        <div class="container" style="background-color: #fff;">
            <router-outlet (activate)="onActivate($event)"></router-outlet>
        </div>
    </section>

我无法检查代码，但加载时间会减少

我将如何解决这个问题

【问题讨论】：

请提供足够的代码，以便其他人更好地理解或重现问题。

标签： angular angular-universal

【解决方案1】：

这就是角度通用的工作原理。

您的快递服务器收到请求
Angular 应用程序在服务器端进行引导，组件在服务器端呈现（如果需要，可以发出 API 请求）。
页面 html 被发送到客户端浏览器
显示HTML
Javascript 已解析
angular 应用程序是引导客户端，组件被初始化并在需要时发出相同的 API 请求

【讨论】：