Angular 通用服务器 API 请求

标签 angular express server-side-rendering angular-universal

我刚刚将我的应用程序迁移到 Angular 6 + Universal。这很好,但我有 2 个问题需要解决。请帮我解决这两个问题:

1- 如何在开发时间的 --watch 模式下运行 Angular Universal 应用程序? 在此之前,我打开了 2 终端。在其中一个中,我写了命令:nodemon server.js,在另一个中:ng build --watch。在这种情况下,我通过实时编辑快速开发我的应用程序。

但现在每次编辑后我都使用命令 npm run build:ssr。我需要很多时间。应该有另一种方法来增加 Angular Universal 的开发时间?!

2- 另一个问题是在我迁移到 Angular Universal 之前,我和现在一样在服务器端使用 express to。我调用了这样的 API 处理程序文件:

const api = require('./routes/api');
app.use('/api', api);

如何像以前在 server.ts 文件中那样在新的 angular 通用包中执行此操作?

最佳答案

对于 Angular7 运行 npm run ssr:watch

package.json

    "ssr:watch": "run-p ssr:universal:build:*",
    "ssr:universal:build:browser": "ng run universal-demo:build --watch",
    "ssr:universal:build:server": "node ./node_modules/npm-delay 12000 && ng run universal-demo:server --watch",
    "ssr:universal:build:webpack": "node ./node_modules/npm-delay 20000 && webpack --config webpack.config.js --watch",
    "ssr:universal:build:nodemon": "node ./node_modules/npm-delay 25000 && nodemon --inspect server.js",

关于Angular 通用服务器 API 请求,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50785449/

相关文章:

javascript - 在 Node Js 和 Express 项目中创建单例 EventEmitter

node.js - Expressjs REST API 资源管理器

node.js - 有没有一种方法可以根据客户端、网络爬虫与网络应用程序客户端来呈现不同的页面?

angular - matSort 在 mat-table Angular 中无法正常工作

javascript - Angular 4 Reactive Forms FormControl错误为空

javascript - 如何确保 Angular 服务构造函数中的异步初始化完成?

Angular 2 从对象中删除以美元符号 ($) 为前缀的属性

node.js - 使用 express 和 mongodb 提供动态 URL

node.js - 当尝试渲染 React SSR 时,我的 Express 应用程序中缺少什么?

reactjs - 服务器端渲染在客户端重新渲染