Express.js相对路径重定向失效问题咨询

我懂这种踩坑的感觉！绝对路径能正常跳转，同目录的相对路径反而找不到页面，确实挺挠头的。咱们来拆解下问题根源，再一步步解决：

问题根源 #

Express的res.redirect()方法对相对路径的处理逻辑，是相对于当前请求的路由路径，而不是相对于发起请求的页面（比如你的post.html）的目录。举个例子：

• 如果你的表单是从/post.html提交到路由/login（比如表单的action="/login"），那当前请求的路径是/login
• 这时候你用res.redirect('index.html')，Express会把它解析成/login/index.html，而不是你期望的/index.html，自然就找不到页面了

解决方案 #

1. 改用根相对路径（最直接的解决办法） #

把相对路径改成以/开头的根相对路径，这样不管当前请求在哪个路由，都会从网站根目录定位文件：

// 原来的错误写法
// res.redirect('index.html');

// 改成根相对路径
res.redirect('/index.html');

2. 确保静态文件服务配置正确 #

因为index.html是静态文件，你需要先让Express知道去哪里找静态资源。在你的代码里添加静态文件服务的配置，比如把静态文件放在项目根目录的public文件夹下：

// 放在body-parser配置之后
app.use(express.static('public'));

这样Express会自动从public目录里查找静态文件，比如/index.html就对应public/index.html，/post.html对应public/post.html。

3. 检查表单提交的路由路径 #

确认你的表单action属性对应的路由是正确的，比如如果表单在post.html里，action应该指向你处理提交的路由，比如：

<!-- post.html里的表单 -->
<form action="/handle-login" method="POST">
  <!-- 表单内容 -->
</form>

然后在Node脚本里对应的路由处理中使用根相对路径重定向：

app.post('/handle-login', (req, res) => {
  if (req.body.username === 'admin') {
    // 用根相对路径跳转
    res.redirect('/index.html');
  } else {
    // 其他逻辑
    res.send('登录失败');
  }
});

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