如何在 Angular 17 中预渲染动态路线？

Question

无法预渲染未在 angular.json 文件中定义的路由

在 Angular 17 中实现了 Angular Universal，其中路由静态定义为：

• “预渲染”：{ “构建器”：“@nguniversal/builders：prerender”， “选项”： { “路线”：[ “/”， “/测试”， “/测试/4” ] }, 在 angular.json 文件中。

根据角度文档，我需要定义需要为动态路线预渲染的路线。但我有一个数据列表，在导航时可以生成不可数的路线，例如（/test/5、/test/6、/test/89....等），因此定义不可数的路线是不可行的。那么如何解决这样的问题呢？

Answer 1

预渲染的整个用例是为 Google 搜索或任何搜索引擎的网络爬虫提供内容以索引文件并使用户可以搜索您的内容，

EG拥有博客的网站可以预渲染博客，以便网络爬虫可以看到博客详细信息，从而提高 seo 分数。该网站将在 Google 搜索中排名更高

由于使用预渲染路由中指定的数字，我们可以在 ng 构建期间生成页面，

此用例通常适用于博客文章或其他具有一定长度的情况，无限不属于此用例

根据 Angular 文档，您可以创建一个脚本，以编程方式创建路由，然后在 Angular.json 中指定routes.txt 文件，它将正常工作

用于预渲染的 Angular 文档