标题和元标签未在服务器中的角度 SSR 中呈现

我在前端使用 Angular 6 开发了一个网站。默认情况下，Angular 对 SEO 不友好，因此为了做到这一点，我以 Angular-Universal 或 Angular SSR（服务器端渲染）的方式实现它。我更新了代码并比较了之前和现在的页面源，我可以在标签内看到我的应用程序<app-root> and </app-root>，然后才会出现“正在加载...”。

我正在使用MetaService and TitleService from @angular/platform-browser更新所需的<meta>Facebook 和 Twitter 的标签以及<title>分别标记。

问题是当我在本地系统中运行节点服务器时，视图源向我显示渲染的meta标签，但是当我在 AWS VM 上的节点服务器中运行相同的代码时，我没有得到渲染的结果meta标签，但其他应用程序代码可用。

UPDATE:添加的函数meta tags

updateMetaTags(egElement: Elements[]) {
    this.url = 'https://example.com/eg/' + this.id;
    const title = egElement[1].innerHTML;
    this.tweetText = 'Check the latest blog on \"' + title + '\"';
    this.meta.addTags([
      { property: 'og:url', content: this.url },
      { property: 'og:type', content: 'website' },
      { property: 'og:title', content: title },
      { property: 'og:description', content: 'Author: ' + egElement[2].innerHTML },
      { property: 'og:image', content: this.egElement[3].img }
    ]);
  }

我在 ngOnInit() 中调用这个函数。它在我的本地计算机上正确渲染，但不在服务器上渲染。

egElement and id从服务调用返回到后端并且meta服务已被导入并注入到构造函数中。

如果您使用自定义 XHR 调用，例如如果不使用 Angular HttpClient，SSR 将不会等待 API 调用响应（如果使用第 3 方库检索 API 数据，也可能会发生这种情况）。查看您的网站，除了页面布局/页眉/页脚之外，没有发生服务器端渲染

我猜测这与 SSR 中未检索到 API 数据有关。也许您可以用一些相关信息来更新您的问题？

有一个经过良好测试和维护的库，称为ngx-meta这是通用（SSR）兼容的。您可以查看他们的实现和演示，或者尝试一下他们的库https://github.com/fulls1z3/ngx-meta https://github.com/fulls1z3/ngx-meta