如何在Node.js（Express）上运行带路由的Angular应用？

Angular的客户端路由依赖单页应用（SPA）特性：所有路由请求最终都要指向index.html，由Angular自身的路由系统处理。Node.js服务器默认会尝试匹配物理文件，找不到就返回404，所以需要配置服务器将所有不存在的路径重定向到index.html，实现和Apache上.htaccess一样的效果。

下面提供两种常用的Node.js服务器配置方式：

方式一：使用Express服务器（推荐用于生产环境） #

1. 安装依赖
   在项目根目录执行命令：

   npm install express path --save
   

2. 创建服务器配置文件
   在项目根目录新建server.js，内容如下：

   const express = require('express');
   const path = require('path');
   const app = express();
   
   // 托管Angular构建后的静态文件（替换成你的项目构建目录，通常是dist/你的项目名）
   app.use(express.static(path.join(__dirname, 'dist/your-app-name')));
   
   // 所有非静态文件请求都转发到index.html，交给Angular路由处理
   app.get('*', (req, res) => {
     res.sendFile(path.join(__dirname, 'dist/your-app-name/index.html'));
   });
   
   // 启动服务器，监听指定端口（可根据需求修改）
   const port = process.env.PORT || 3000;
   app.listen(port, () => {
     console.log(`服务器运行在端口 ${port}`);
   });
   

3. 启动服务器
   可以直接运行：

   node server.js
   

   也可以在package.json的scripts中添加：

   "scripts": {
     "start": "node server.js"
   }
   

   之后用npm start启动。

方式二：使用http-server（轻量测试环境） #

如果只是用于本地测试或快速部署，可以用轻量的http-server：

1. 全局安装http-server

   npm install -g http-server
   

2. 进入Angular构建后的dist目录，执行：

   http-server --spa
   

   --spa参数会自动将所有404请求重定向到index.html，实现SPA路由支持。

额外注意事项 #

• 如果你部署在域名的子路径下（比如sitename.com/app/），需要在构建Angular时指定base href：

  ng build --base-href /app/
  

  同时对应调整服务器配置中的静态文件路径。

内容的提问来源于stack exchange，提问作者Iurii