Express使用Pug视图时重定向到当前页面重载无效问题

首先明确：Express 本身不会因为重定向目标和当前访问URL一致就拦截、忽略重定向请求，你遇到的同地址重定向不生效问题，和框架本身无关，也和你用Pug作为视图层没有直接关联，基本都是请求提交方式、地址写法或者缓存机制导致的。你测试跳根目录能生效，只能说明重定向逻辑本身能跑通，不代表同地址跳转被框架拦截。

场景1：使用原生表单同步提交更新请求（无AJAX） #

这种场景下不生效基本是两个原因：

• 硬编码重定向地址时出现错误：比如key参数值含特殊字符未做URL编码、手写的key值和实际请求携带的key不一致，甚至你示例代码里key值带单引号如果没转义，也会导致URL格式异常。
• 触发了浏览器缓存机制：如果你更新数据用的是POST/PUT等非GET请求，直接302跳回原地址时，部分浏览器会直接复用之前的页面缓存，不会重新发起请求拉取最新数据。

对应处理方法：

1. 不要硬编码重定向地址，直接使用Express请求对象自带的originalUrl属性获取当前请求的完整路径+查询参数，完全避免手写地址出错的问题：

// 替换你原来手写的重定向代码
res.redirect(302, req.originalUrl);
return;

2. 如果还是存在缓存不刷新的问题，给重定向地址加一个随机时间戳参数，强制浏览器发起新请求：

const targetUrl = new URL(req.originalUrl, `http://${req.headers.host}`);
targetUrl.searchParams.set('_refresh', Date.now().toString());
res.redirect(302, targetUrl.pathname + targetUrl.search);
return;

场景2：使用fetch/axios等AJAX异步提交更新请求 #

这是绝大多数人遇到同地址重定向不生效的核心原因：AJAX请求是浏览器后台异步发送的，接口返回的302响应只会作用于这个异步请求本身，根本不会触发浏览器顶层页面的跳转。你之前测试跳根目录能生效，大概率是当时用同步表单提交测的，换成异步提交的话跳根目录也不会触发页面跳转。

对应处理方法：

• 后端接口不用写重定向逻辑，更新完数据库直接返回200状态码表示操作成功即可。
• 前端在AJAX请求的成功回调里，手动触发页面刷新或者跳转，示例（原生fetch）：

fetch(`/users/specuser?key=${userKey}`, {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify(新的用户信息)
}).then(res => {
  if (res.ok) {
    // 操作成功后手动刷新页面，会重新发起GET请求拉取最新数据
    window.location.reload();
  }
})

只要浏览器重新发起对目标地址的GET请求，Express就会读取数据库里的最新值传给Pug模板，渲染出最新的页面内容，不需要额外做其他配置。

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