Node.js环境下，如何引导Angular5单页应用打开指定路由？

你的需求很明确：在特定条件下（比如特定时段），让访问Node.js服务器的用户直接进入Angular 5应用的#/happy-hour路由。因为Angular的hash模式路由（URL里带#的那种）是在浏览器端解析的，服务器不会处理#后面的部分，所以我们可以通过服务器端重定向或者配合前端逻辑来实现，下面是两种最实用的方案：

方案一：服务器端重定向（推荐） #

这种方式最流畅，用户访问服务器时会直接被导向目标路由，不会先看到首页再跳转。假设你用Express作为Node.js静态服务器（这是最常见的选择），可以这么做：

1. 基础配置（托管静态资源） #

首先确保你的Angular应用已经打包完成（执行ng build生成dist目录），然后用Express托管这个目录的静态资源：

const express = require('express');
const path = require('path');
const app = express();

// 托管Angular打包后的静态文件（CSS、JS、图片等）
app.use(express.static(path.join(__dirname, 'dist')));

2. 添加条件判断与重定向逻辑 #

接下来定义你的条件判断函数（比如判断是否处于happy hour时段），然后在根路由请求中处理重定向：

// 自定义条件判断函数，这里以时段为例，你可以根据需求修改
function shouldRedirectToHappyHour() {
  const currentHour = new Date().getHours();
  // 示例：下午5点到7点之间触发重定向
  return currentHour >= 17 && currentHour < 19;
}

// 处理根路径请求
app.get('/', (req, res) => {
  if (shouldRedirectToHappyHour()) {
    // 重定向到带目标hash路由的地址，浏览器会自动解析#后的路由
    res.redirect('/#/happy-hour');
  } else {
    // 返回默认的index.html，用户进入应用首页
    res.sendFile(path.join(__dirname, 'dist', 'index.html'));
  }
});

3. 处理SPA的路由 fallback #

最后别忘了添加SPA的通用路由处理，防止用户刷新非根路径页面时出现404：

// 所有其他路由都返回index.html，让Angular自己处理路由
app.get('*', (req, res) => {
  res.sendFile(path.join(__dirname, 'dist', 'index.html'));
});

// 启动服务器
app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

方案二：前端脚本跳转（备用） #

如果你的条件逻辑适合在前端处理（比如只需要判断客户端时间），也可以在Angular的index.html中添加一段脚本，页面加载时自动跳转：

<!doctype html>
<html lang="en">
<head>
  <!-- 原有的head内容不变 -->
  <script>
    function isHappyHour() {
      const hour = new Date().getHours();
      return hour >= 17 && hour < 19;
    }
    // 如果满足条件且当前不在目标路由，就跳转
    if (isHappyHour() && window.location.hash !== '#/happy-hour') {
      window.location.hash = '#/happy-hour';
    }
  </script>
</head>
<body>
  <app-root></app-root>
</body>
</html>

这种方式的缺点是用户可能会短暂看到首页再跳转，体验不如服务器端重定向流畅，但优点是不需要修改服务器代码。

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