angular - 如何设置 Angular 通用模块以抓取 Angular 11 应用程序?

标签 angular seo angular-universal angular-module

我正在设置一个新的 Angular 11 应用程序,并且我想使用 Angular Universal Module 来让我的应用程序可抓取。然而,当我在网上搜索时,结果主要是指构建一个 Angular 通用应用程序,我们希望避免这种情况。
我如何设置 Angular 通用模块,以便我们的 SPA 能够被正确抓取(不仅仅是安装它)?当我们开发新的页面/组件时,我们是否需要做一些额外的事情?
谢谢!

最佳答案

您可以将 angular 通用添加到现有应用程序。这里有一个简单的指南:
Angular universal on existing project
您需要运行 npm run build:ssr获取包含所有应用程序包的 dist 文件夹并运行 npm run serve:ssr开始你的项目。
当然,您可以创建一个脚本来只运行两个进程一次。例子:"build:ssr:prod": "first:command && second:command"我建议您使用 Jenkins 之类的工具或类似的工具来自动化此任务。有很多方法可以自动化应用程序的部署。目前,我使用 Jenkins 来构建和部署我的 angular 通用应用程序。

关于angular - 如何设置 Angular 通用模块以抓取 Angular 11 应用程序?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66519524/

相关文章:

angular - 如何处理守卫中显示的模态

node.js - 以 Angular 通用的方式将 token 发送到服务器

javascript - Angular 2 中 $scope 和 $scope.watchcollection 的等价物是什么?

php - 元描述/关键字未被分析器发现但存在于源代码中?

seo - 搜索引擎优化阅读 Material 和引用请求

php - jQuery Address META标签保存

angular - 使用 ngFor 并使用(单击)-Angular 8 访问它时,按钮值属性未定义

如果通过具有绑定(bind)的动态组件插入多个 DOM 元素,Angular 会滞后性能

Angular 5 HTML 在变量更改后不更新

javascript - ngx-cookie - 服务器端渲染中的空白 cookie 对象