Angular2 Webpack and Express

Angular2 Webpack and Express

本文关键字:Express and Webpack Angular2      更新时间:2023-09-26

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

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

如果我创建一个api/index.html,我可以看到这显示了api的主页,但我还没有得到一个线索如何创建'app.js'为express获得快速路由工作。

我很感激我可以通过运行两个实例轻松地做到这一点,但我试图保持它全部是独立的。

我找不到在同一端口上这样做的方法,所以我把它放在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 () {
});