下面是我如何通过nodejs服务我的angular应用程序：

var express = require('express'),
   path = require('path'),
   fs = require('fs');
var compression = require('compression');
var app = express();
var staticRoot = __dirname + '/';
var env = process.env.NODE_ENV || 'development';

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

app.use(compression());
/* other middleware */

/* place any backend routes you have here */    

app.use(function(req, res, next) {
    //if the request is not html then move along
    var accept = req.accepts('html', 'json', 'xml');
    if (accept !== 'html') {
        return next();
    }

    // if the request has a '.' assume that it's for a file, move along
    var ext = path.extname(req.path);
    if (ext !== '') {
        return next();
    }

    fs.createReadStream(staticRoot + 'index.html').pipe(res);

});

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

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

字符串
在为应用程序提供服务时，确保所有前端dist文件都与此文件位于同一个文件夹中（我称之为index.js）

使用NodeJs Express服务Angular应用

如果你想使用NodeJ来服务你的angular应用，你需要使用expressJs的res.sendFile()函数来服务你的Angular构建的index.html文件。更多细节请参见文档。
在此之前，你需要确保Express内置的中间件static指向一个包含Angular在编译过程中构建的所有文件的文件夹（通常是前端应用程序的dist文件夹）。

服务Angular 路由

如果你想让你的Angular Router工作，你需要将所有传入的请求重定向到前端。你也可以添加一些验证，比如@Syntactic Fructose建议，来检查请求中的html或文件。

示例

这只是一个基本的例子，

import express, { Request, Response , Application } from 'express';
import path from 'path';
import http from 'http';
import { router } from './path/to/my/api/routes';

const app = express();

const frontendFiles = "path/to/your/frontend/dist/folder";

// Point static middleware to your Angular build
app.use(express.static(frontendFiles));

// Your api routes
app.use('/api', router);

// Do whatever you want like
// app.get('/someStuff', (req, res) => {...}

// Then your last route is
app.get('/*', function(req, res){
  res.sendFile(path.join(frontendFiles, '/index.html'));
});

// Serve your app
const httpServer = new http.Server(app);
const port = 3000;
httpServer.listen(port, function() {
    console.log(`app fire on http://localhost:${port}`);
});

字符串

评论

为了更简单地部署，我建议您使用.env变量作为frontendFiles变量。