Angular2 Webpack 和 Express

Posted 2023-03-11

【中文标题】Angular2 Webpack 和 Express

【英文标题】：Angular2 Webpack and Express

【发布时间】：2017-02-24 15:21:42

【问题描述】：

我已经安装了 Angular 2 Webpack，其中包含一个示例应用程序并演示了路由。我想研究的是使用 Angular2 进行前端路由，但将 ExpressJS 用于 RESTful API 后端，但在同一台服务器上，即

http://localhost:3000/#/ 将在 Angular 中服务于前端 http://localhost:3000/api 将在 Express 中提供后端 API

如果我创建一个 api/index.html，我可以看到这显示了 api 主页，但我不知道如何为 express 创建 'app.js' 以使 express 路由正常工作。

我很感激我可以通过运行两个实例轻松地做到这一点，但我试图让它完全独立。

问候

【问题讨论】：

docs 的路由非常简单。您可能想查看express generator，以便更轻松地搭建您的服务器。

使用scotch.io/tutorials/mean-app-with-angular-2-and-the-angular-cli 文章，我发现它很有帮助。

【参考方案1】：

我找不到在同一个端口上执行此操作的方法，因此我将其放置在 config/webpack.common.js 中。 （我原以为我需要为 API 启动一个单独的“npm”进程，但显然不需要！）

var express = require('express');
var app2 = express();

app2.get('/', function (req, res) 
  res.send('API');
);

app2.listen(3001, function () 
);