angular 2 文件直接工作，但不能通过 nodejs express 文件

Question

我正在启动一个 MEA2N 应用程序，并构建了一个在端口 3000 上运行的小型快速服务器。 角度应用程序在端口 4200 上运行。如果我打开 localhost 3000，我会看到“正在加载...”，因此应用程序无法运行。如果我打开 localhost 4000 我会得到“应用程序工作”。有人知道这是怎么发生的吗？

server.js 非常标准：

// 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, './src/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}`));

server.js 正在根文件夹中运行。 角度应用程序是 root/src/indxex.html 和 root/src/app/

Answer 1

如果 server.js 位于 root 文件夹中，并且 Angular 应用位于 root/src/index.html 上

然后

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

应该是

app.use(express.static(path.join(__dirname, '/src')));