如何将 angular 4 或更高版本与 express 集成答案

【问题标题】：How to Integrate angular 4 or higher with express如何将 angular 4 或更高版本与 express 集成
【发布时间】：2018-06-06 15:31:36
【问题描述】：

我想将 angular 4 或更高版本与我现有的 express 文件夹集成。

由于我是堆栈开发的新手，因此我希望了解如何将 Angular 与 express 集成的简洁易懂的步骤。

任何有以下参考链接的人::

如何整合 express 和 angular
如何在其中使用猫鼬。
以及用于平均应用程序开发的粗略示例。

【问题讨论】：

标签： javascript node.js angular express mean-stack

【解决方案1】：

可以通过放置在 Angular 项目根目录中的单个 server.js 文件来集成 Angular 和 Express。使用 Angular CLI 到 ng build --prod 并生成一个 dist/ 文件夹。然后，您可以通过server.js 文件中的以下代码链接dist/ 文件夹并运行node server.js。

// Define variables
const express = require('express');
const app = express();

// Use the /dist directory
app.use(express.static(__dirname + '/dist'));

// Catch all other invalid routes
app.all('*', function(req,res){
    res.status(200).sendFile(__dirname + '/dist/index.html');
});

// Start the server
app.listen(process.env.PORT || 3000);

Mongoose Docs 非常好，但是如果你需要视频，这个：Mean Stack Front to Back: Part 3 是一个很好的代码，你可以使用。 Mongoose 部分在视频大约 90 秒后开始。
这个网站提供了一个很好的CRUD Example 并且也进入了Mongoose。

【讨论】：