如何调整Cypress intercept的Wildcard以精准匹配目标GET请求？

问题分析 #

当前的通配符规则 ${Cypress.env('API_URL')}/api/v1/receipt/*?cache_buster=* 会匹配第一个URL，原因是通配符 * 是贪心匹配，会包含路径后的 ? 和其他查询参数（比如第一个URL中的 type、finance_type 等），导致匹配范围过宽。

方案一：拆分路径与查询参数匹配 #

通过分别指定 pathname 和 query，可以精准限制匹配条件：

• pathname 中的 * 仅匹配 receipt 后的单个路径段（如目标URL中的ID）
• query 明确只存在 cache_buster 参数，自动排除包含其他参数的URL

cy.intercept({
    method: 'GET',
    pathname: `${Cypress.env('API_URL')}/api/v1/receipt/*`,
    query: {
        cache_buster: '*'
    }
}).as('getReceipt');

方案二：使用正则表达式精准匹配 #

如果需要更严格的路径格式验证（比如匹配MongoDB风格的ID），可以用正则表达式：

• [a-f0-9_]+ 匹配ID的字符范围（可根据实际ID格式调整）
• \\?cache_buster=.+ 确保URL仅包含 cache_buster 这一个查询参数

cy.intercept({
    method: 'GET',
    url: new RegExp(`${Cypress.env('API_URL')}/api/v1/receipt/[a-f0-9_]+\\?cache_buster=.+`)
}).as('getReceipt');

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