如何在isMatch的isInURL中正确添加查询参数？

你的代码存在一个关键问题：usePathName: true 这个配置会让 isInURL 只检查 URL 的路径部分（即域名后、? 之前的内容），完全忽略查询参数（? 及之后的部分），所以根本无法匹配到 q 参数。下面是具体的调整方案：

方案1：用原生API可靠检查查询参数（推荐） #

对于查询参数的判断，优先使用浏览器原生的 URLSearchParams，它专门处理这类场景，比字符串匹配更严谨：

isMatch: () => {
  // 解析当前URL的查询参数
  const searchParams = new URLSearchParams(window.location.search);
  // 判断是否存在名为q的查询参数（不管值是什么）
  return searchParams.has('q');
}

方案2：调整isInURL的参数（如果必须使用该函数） #

如果你的项目依赖isInURL这个工具函数，需要移除usePathName: true配置，让它检查整个URL（包括查询参数）：

// 匹配URL中包含?q=的情况
isMatch: () => isInURL("?q="),

⚠️ 注意：这种字符串匹配有局限性——如果q参数不是以?q=开头（比如前面有其他参数，如?foo=bar&q=test，或者q无值直接跟&，如?q&foo=bar），可能无法正确匹配。

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