Cypress无需重复定义接口信息，点击按钮后读取响应的方法

Great question! It’s totally reasonable to want to avoid repeating the same URL and method definitions you already have elsewhere in your code. Here are a few practical, clean approaches using Cypress’s modern cy.intercept (note: cy.server and cy.route are deprecated, so we’ll focus on the current recommended API):

Option 1: Intercept All Requests & Filter for the One Your Button Triggers #

If you don’t want to specify any URL/method upfront, you can intercept every request, then narrow down to the one triggered by your button click:

// Intercept all incoming/outgoing requests
cy.intercept('*').as('allRequests')

// Click your target button
cy.get('[data-cy="job-search-input"] button').click()

// Wait for the request to complete, then filter by its characteristics
cy.wait('@allRequests').then((interception) => {
  // Adjust this condition to match the request your button fires
  // (e.g., check method, URL substring, request params, etc.)
  if (interception.request.method === 'GET' && interception.request.url.includes('something.com')) {
    cy.log(interception.response.body.data)
  }
})

If your button triggers multiple requests, you can grab all matching requests and pick the most recent one:

cy.intercept('*').as('allRequests')

cy.get('[data-cy="job-search-input"] button').click()

// Access all intercepted requests and select the last one
cy.get('@allRequests.all').then((requests) => {
  const buttonTriggeredRequest = requests[requests.length - 1]
  cy.log(buttonTriggeredRequest.response.body.data)
})

Option 2: Use Wildcards for Flexible URL Matching #

If you know the general pattern of the URL (but don’t want to hardcode the full address), use wildcard patterns to match it without repeating the exact URL:

// Match any GET request to a URL containing "something.com"
cy.intercept('GET', '**/something.com/**').as('getJobs')

cy.get('[data-cy="job-search-input"] button').click()

// Wait for the matched request and log the response
cy.wait('@getJobs').then((interception) => {
  cy.log(interception.response.body.data)
})

This works because ** acts as a wildcard for any number of directories or subdomains. You can tweak the pattern to fit your API’s structure (e.g., **/jobs/** if the endpoint includes "jobs").

Key Notes #

• Avoid relying on cy.server/cy.route—they’re no longer maintained, and cy.intercept is more powerful and flexible.
• If your app makes many requests, adding specific filters (like checking the request method or URL substring) will help you target the exact response you need.

内容的提问来源于stack exchange，提问作者Igor-Vuk