Vue Router中regex.test()异常：匹配成功却未执行return分支

带g标志的正则表达式会维护一个lastIndex属性，记录上一次匹配结束的位置。每次调用test()方法时，会从lastIndex的位置开始匹配，而非从头开始。当你重复使用同一个正则实例时：

• 第一次匹配成功后，lastIndex会被设置为匹配结束的索引位置
• 第二次调用test()时，如果目标字符串的长度未超过这个索引，就会从该位置开始匹配，直接返回false
  这就导致了偶发的匹配结果异常——明明路径符合规则，却没进入对应的分支。

针对你的场景，有三种可行的解决方式：

1. 移除正则表达式的g标志 #

你的需求只是判断路径是否匹配某个规则，不需要全局搜索所有匹配项，g标志完全多余。修改正则数组，去掉所有正则的g即可：

// 原数组（带g标志）
const anonymousPaths = [/^\/login$/g, /^\/register$/g];
// 修改后（移除g）
const anonymousPaths = [/^\/login$/, /^\/register$/];

2. 每次匹配前重置lastIndex为0 #

如果必须保留g标志（比如有其他全局匹配需求），可以在调用test()前手动把lastIndex重置为0，确保每次都从头开始匹配：

// 路由守卫中的判断逻辑
for (const regex of anonymousPaths) {
  regex.lastIndex = 0; // 重置匹配起始位置
  if (regex.test(to.path)) {
    return next();
  }
}

3. 每次匹配时创建新的正则实例 #

避免复用同一个正则实例，每次判断时通过RegExp构造函数创建新实例：

// 存储正则字符串，而非正则实例
const anonymousPathPatterns = ['^\\/login$', '^\\/register$'];
// 路由守卫中
for (const pattern of anonymousPathPatterns) {
  const regex = new RegExp(pattern, 'g');
  if (regex.test(to.path)) {
    return next();
  }
}

修改后重复浏览测试2-4次，观察是否还会出现偶发的不进入分支的情况。优先推荐第一种方案，最简洁且完全符合你的需求场景。

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