Angular 通用问题

Question

我已将我的网站从 angular 6 转换为 Angular Universal .. 但现在面临一个问题 Angular Universal 仅适用于网站的主页而不是内页

任何人都可以让我知道如何将内页转换为 angular 通用，因此它应该是 SEO 友好的吗？

主页：

内页代码：

等待你的答复。

Answer 1

这就是 Angular Universal 的工作原理。

服务器端渲染的 Angular 通用使用概念。 这意味着您的 angular 应用程序的 URL 首次被点击。 首先，内部服务器应用程序 (Express) 将呈现您请求的页面。 这背后的原因是在您的服务器应用程序中允许使用 javascript，您可以动态更改元标记，这将改善您的 SEO。

现在，如果您在应用服务器中使用 Hashlocation 策略，将首先呈现 APP 组件，因此如果您动态更改元标记，它将无法工作。

我给你的建议是...

1）。 如果您正在使用 HashLocation 策略，则将其删除。

2）。 如果您在 ngOnInit() 中执行任何 dom 操作 (jQuery) 或使用任何浏览器提供的对象（window、localstorage），请将其移动到 ngAfterViewInit()。