如何将我的angular2模板链接到节点js express backend

Question

我尝试连接后端（NodeJS，Express）和Frontend（Angular 2），但我不知道如何启动。任何人都可以帮助我如何将后端链接到前端，如果有需要执行的配置或代码，我必须执行。

Answer 1

使用Angular CLI项目。 执行 ng build --prod --base-href。生成dist文件夹。

现在通过节点JS服务此文件夹下面是将为dist fodler服务的代码片段。

// Get dependencies 
const express = require('express'); 
const path = require('path'); 
const http = require('http'); 
const bodyParser = require('body-parser'); 

// Get our API routes 
const api = require('./server/routes/api'); 

const app = express(); 

// Parsers for POST data 
app.use(bodyParser.json()); 
app.use(bodyParser.urlencoded({ extended: false })); 

// Point static path to dist 
app.use(express.static(path.join(__dirname, 'dist'))); 

// Set our api routes 
app.use('/api', api); 

// Catch all other routes and return the index file 
app.get('*', (req, res) => { 
    res.sendFile(path.join(__dirname, 'dist/index.html')); 
}); 

/** 
* Get port from environment and store in Express. 
*/ 
const port = process.env.PORT || '3000'; 
app.set('port', port); 

/** 
* Create HTTP server. 
*/ 
const server = http.createServer(app); 

/** 
* Listen on provided port, on all network interfaces. 
*/ 
server.listen(port,() => console.log(`API running on localhost:${port}`))