无法在for循环中执行context.route实现route.abort() URL拦截的问题求助

我来帮你搞定这个问题！你的代码失效的核心原因是传递给context.route的参数类型不对：

你单独写拦截逻辑时用的是正则表达式（/a.net/），但循环里从配置拆分出来的是字符串（比如'/a.net/'）。Playwright的route()方法对字符串参数是做精确匹配的，和正则的模糊匹配逻辑完全不一样，这就导致你的批量拦截根本没命中目标路由。

修复步骤 #

1. 调整配置文件（可选但更规范） #

先把config.ts里的some_list改成更清晰的数组格式，避免后续拆分的麻烦：

export const config = { 
  use: { 
    some_list: ['/a.net/', '/b.net/', '/c.net/'] 
  }, 
};

如果一定要保持原有的字符串格式，也可以继续用split(',')，但建议加上空值过滤：

const listOfResources = config.use.some_list.split(',').filter(item => item.trim());

2. 在循环中转换为正则表达式 #

把拆分后的字符串转换成RegExp对象，和你单独写的逻辑对齐：

const listOfResources = config.use.some_list;

for (const value of listOfResources) {
  // 去掉字符串两端的斜杠，再创建正则对象
  const regex = new RegExp(value.replace(/^\/|\/$/g, ''));
  await this.context.route(regex, route => route.abort());
}

这里用replace(/^\/|\/$/g, '')是为了去掉字符串前后的冗余斜杠，避免正则变成/\/a.net\//的形式，让匹配逻辑更简洁。

3. 处理特殊字符（可选） #

如果你的路由包含正则特殊字符（比如.），需要精确匹配的话，可以加一个转义函数：

function escapeRegExp(string: string) {
  return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
}

// 在循环里使用
const regex = new RegExp(escapeRegExp(value.replace(/^\/|\/$/g, '')));

这样就能确保a.net只匹配包含a.net的URL，不会误匹配aXnet这类不符合预期的地址。

测试验证 #

修改后再运行代码，批量拦截逻辑就会和你单独写每一行的效果完全一致，所有目标路由都会被正确拦截。

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