基于JavaScript实现URL通配符重定向的技术咨询

没问题，我来帮你搞定这个纯前端的URL重定向需求！既然没法用.htaccess，用JavaScript处理确实是最直接的方案，咱们分两种场景逐个解决：

场景1：匹配任意"page3"通配符，忽略后续所有子文件夹 #

针对你说的 example.com/page1/page2/xxx/...（xxx是任意内容，后面不管有多少层级子文件夹），要重定向到 example.com/page4/xxx/ 的需求，咱们可以用正则表达式捕获那个通配的"page3"部分，再拼接新路径：

// 先拿到当前页面的路径（域名之后的部分，比如"/page1/page2/abc/def/"）
const currentPath = window.location.pathname;

// 定义匹配规则：以/page1/page2/开头，捕获第一个斜杠后的内容作为通配部分，忽略后面所有内容
const matchPattern = /^\/page1\/page2\/([^\/]+)\/.*$/;

if (matchPattern.test(currentPath)) {
  // 替换成目标路径，$1对应正则里捕获到的通配"page3"内容
  const newPath = currentPath.replace(matchPattern, '/page4/$1/');
  // 执行重定向，用replace避免浏览器历史记录残留，防止回退循环
  window.location.replace(window.location.origin + newPath);
}

简单解释下正则逻辑：

• [^\/]+：匹配任意非斜杠的字符，完美对应你需要的"page3"通配符，不管它是字母、数字还是其他特殊字符（除了斜杠）
• .*：匹配后续所有内容，不管有多少层子文件夹都能覆盖
• $1：引用正则里第一个括号捕获到的内容，也就是咱们要保留的"page3"

场景2：截断特定层级后的所有内容 #

针对 example.com/page1/page2/page3/page5/183/ 这类路径，要直接截断到 example.com/page4/page3/ 的需求，逻辑更直接，只要匹配到特定前缀就替换成目标路径：

const currentPath = window.location.pathname;
const specificPattern = /^\/page1\/page2\/page3\/page5\/.*$/;

if (specificPattern.test(currentPath)) {
  const targetPath = '/page4/page3/';
  window.location.replace(window.location.origin + targetPath);
}

额外小提示 #

• 建议把这段重定向代码放在页面的<head>标签最顶部执行，这样页面还没开始渲染就完成重定向，用户体验更好
• 如果不想替换浏览器历史记录（比如允许用户回退到原页面），可以把window.location.replace()换成window.location.assign()
• 测试的时候可以多试几种边缘路径，比如page3是带连字符/下划线的，或者后续有多层子文件夹的情况，确保正则能覆盖到

备注：内容来源于stack exchange，提问作者Malachi