javascript - 平均应用程序。两台服务器同时使用Express、NodeJS、Angular 2

Question

我尝试将后端(NodeJS、Express)与前端(Angular 2)连接起来，但遇到了问题。

当我分别启动两个服务器时，客户端和服务器端都可以正常工作。在我的情况下:本地主机:4200 - Angular localhost:3000 - NodeJS，Express

当我在我的 VIEWS 文件夹中呈现任何静态 html 文件时，它工作正常，但是当我将 html 文件的内容更改为使用组件的 Angular Index.html 时，它不起作用。我的意思是，它可以工作，但不会加载我的组件。

我想是配置的问题，我的 index.html 不知道如何查找和加载组件，但我不明白到底哪里出错了。

当我尝试在同一个端口启动两个服务器时，我的前端部分停止工作。

我使用 Angular-CLI、NodeJS、Express 和 EJS。

我的 server.js 代码是:

var express = require('express');
var path = require('path');
var bodyParser = require('body-parser');

var index = require('./routes/index');
var tasks = require('./routes/tasks');

var port = 3000;

var app = express();

app.set('views', path.join(__dirname, 'views'));
app.set('view enjine', 'ejs');
app.engine('html', require('ejs').renderFile);
app.use(express.static(path.join(__dirname, 'views')));

app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false}));

app.use('/', index);
app.use('/api', tasks);

app.listen(port, function () {
    console.log('Server started on port ' + port);
});

在 ROUTES 文件夹中，我的 index.js 代码是:

var express = require('express');
var router = express.Router();

router.get('/', function(req, res, next) {
    res.render('index.html');
});

module.exports = router;

我的文件夹结构: Picture of foldes

 node_modules
 routes
 ruen-app
 views
package.json
server.js 

ruen-app 是我的客户端 (Angular 2) 文件夹。

所以，我的问题是:

1. 如何连接这两个部分？
2. 同时启动两台服务器是否正确 - 一台用于前端，另一台用于后端？
3. MEAN 应用程序从头开始的最佳做法是什么？我的意思是，最好的方法是什么 - 两台服务器还是一台？

Answer 1

花了 3 天，但找到了解决方案。在计算器上:

Different ports for frontend and backend. How to make a request?

Angular-CLI proxy to backend doesn't work