node.js - 带有 Express js 的 Angular 2 cli

标签 node.js web-services express angular angular-cli

我想使用带有 Node js 的 express js 作为我的 angular 2 项目的服务器。我正在查看用于将 express js 与 Angular cli 集成的教程(我遵循了 thisthis ),但我没有运气。有人对如何执行此操作有任何建议吗?目前我有一个带有 cli 的新项目,上面写着“app works!”并想尝试使用 express 而不是使用 lite 服务器来做到这一点。

感谢任何帮助!

最佳答案

这个link对我有用,但有一些变化。

我安装 angular-cli 并创建新项目,然后我按照链接的教程进行操作,但进行了以下更改:

  1. 我创建了一个名为 node_server 的文件夹
  2. 运行 npm install express --save 在我的项目的根文件夹中。这会在您的 package.json 中添加类似依赖项的服务器,而无需在 node_server 上创建新的。
  3. 我在 node_server 中创建了一个名为 server.js 的新文件,其中包含一个基本的快速服务器。此服务器仅返回 dist 文件夹的 index.html。
  4. 将脚本添加到 package.json 中,脚本与链接教程中的脚本相同,但有一个变化,文件名是 server.js 而不是 index.js

这是我的 server.js 文件:

const express = require('express');

var app = express();  
var staticRoot = __dirname;  

app.set('port', (process.env.PORT || 3000));  

app.use(express.static(staticRoot));

app.get('/', function(req, res) {
    res.sendFile('index.html');
});

app.listen(app.get('port'), function() {  
    console.log('app running on port', app.get('port'));
});

我希望这对你有用。

关于node.js - 带有 Express js 的 Angular 2 cli,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39630137/

相关文章:

node.js - 用 Node.js 原生 Promise 替换 Bluebird 会破坏 Promise.reject

java - "Hello World"Java JAX-WS 上的应用程序

javascript - 无法检索 Express JS 中表单标签发布的文本数据

node.js - 如何解决平台 flutter 不允许的不安全http?

javascript - 如何使用 Jest 成功模拟和捕获错误?

javascript - onClick 处理程序未向 ReactDOMServer.renderToString 注册

ajax - CORS:我需要它吗?

java - 在 Java/Eclipse 中创建 Web 服务以从数据库获取值

mysql - req.body 在 post Express Nodejs 上未定义

javascript - 从 NodeJS 调用 PowerShell