单节点服务器上的两个 Angular 项目答案

【问题标题】：Two Angular Projects on single node server单节点服务器上的两个 Angular 项目
【发布时间】：2018-08-15 09:40:02
【问题描述】：

我有两个 Angular 项目，我想在同一个域上为它们提供服务，例如，如果我执行 mywebsite.com/app1 获取第一个项目，执行 mywebsite.com/app2 获取第二个项目。

【问题讨论】：

在服务项目ng serve --port 4200时为每个用户使用不同的端口
我不想在不同的端口下为项目服务我希望它们在同一个端口但不同的路由上。

标签： javascript node.js angular server angular5

【解决方案1】：

如果您需要它们在同一节点服务器上运行，则只需为每个节点创建控制器路由以将它们分开。如果您的意思是您都需要它们在同一物理服务器上运行，那么您可以查看子域并让 app1.mywebsite.com 指向一个正在运行的节点服务器，而 app2.mywebsite.com 指向另一个。这将允许它们在 2 个节点进程之间拆分。

【讨论】：

【解决方案2】：

只需在 dist 中为每个应用创建 2 个文件夹，并使用 express.static 提供静态文件

var express = require('express');
var path = require('path');
var app = express();
app.use('/app1', express.static(path.normalize(__dirname + './../dist/app1')));         
app.use('/app2', express.static(path.normalize(__dirname + './../dist/app2')));

【讨论】：

【解决方案3】：

在你的节点应用上创建两个文件夹

app1
应用程序2 通过编辑您的 angular.json 文件并将两个项目的 ng build 的结果放在这些文件夹中，并指定 outDir 并为第二个应用程序“app2”指定相同的内容：

"outDir": "/path/to/your/node/app/app2"

"outDir": "/path/to/your/node/app/app1"

然后在您的节点应用程序中，只需告诉应用程序在特定路线上从哪个文件夹提供服务：

app.use('/app1', express.static('app1'));
app.use('/app2', express.static('app2'));
app.use('/', express.static('index.html'));

【讨论】：

【解决方案4】：

我现在有这个代码，它提供了正确的应用程序，但是在 Angular 中它没有找到正确的 js 文件，它正在根目录中查找，例如 localhost:8080/main.js，而是必须查看 localhost:8080/ app1/main.js

const express = require('express');
const app = express();
const path = require('path');

app.use('/app1', express.static(path.normalize(__dirname + '/app/app1')));         
app.use('/app2', express.static(path.normalize(__dirname + '/app/app2')));
app.listen(8080, () => {
    console.log('Server is litening on port 8080');
});

【讨论】：