使用Node和Express构建应用程序时，有时我们希望将所有请求路由到一个主要的HTML文件，通常是index.html。这在单页面应用程序中非常常见，因为我们只有一个HTML文件，而所有的内容都是通过JavaScript动态加载的。

javascript
const express = require('express');
const app = express();
// 静态文件中间件，用于提供静态文件
app.use(express.static('public'));
// 自定义中间件，将所有请求重定向到index.html
app.use((req, res, next) => {
  res.sendFile(__dirname + '/public/index.html');
});
// 启动服务器
app.listen(3000, () => {
  console.log('服务器已启动，监听端口3000');
});

html
  
  
    
  
  
    
  
  
  

javascript
// app.js
function renderContent(fragment) {
  const contentEl = document.getElementById('content');
  switch (fragment) {
    case '/':
      contentEl.innerHTML = '
欢迎来到主页
';
      break;
    case '/about':
      contentEl.innerHTML = '
关于我们
这是关于页面的内容
';
      break;
    case '/contact':
      contentEl.innerHTML = '
联系我们
这是联系页面的内容
';
      break;
    default:
      contentEl.innerHTML = '
页面不存在
';
      break;
  }
}
function handleHashChange() {
  const fragment = window.location.hash.substring(1);
  renderContent(fragment);
}
// 监听URL的变化
window.addEventListener('hashchange', handleHashChange);
// 初始化页面内容
handleHashChange();