Cypress测试：强制同标签打开跨域链接时请求失败

问题场景 #

• 测试中需点击跨域跳转链接，原链接默认新标签页打开，用 cy.get('selector').invoke('removeAttr', 'target').click() 强制当前页打开时，请求失败
• 新标签页打开链接、直接在地址栏输入目标URL均正常，但 cy.visit() 访问也会失败
• 临时方案：拆分测试用例，单独用 cy.visit() 访问可正常运行，但无法在同一测试内完成完整流程

核心原因 #

Cypress默认启用同源策略安全限制，同一测试上下文内从当前域名跳转到跨域域名时，会触发浏览器安全拦截，导致请求失败；而拆分测试用例后，每个测试拥有独立的浏览器上下文，不受此限制。

优化解决方案 #

1. 关闭Chrome安全策略（适合测试环境）

在 cypress.config.js 中配置关闭同源安全检查，允许跨域访问：

module.exports = defineConfig({
  e2e: {
    chromeWebSecurity: false,
    // 其他测试配置...
  },
});

配置后，可直接使用 cy.visit() 访问跨域URL，或用原代码强制当前页打开链接，无需拆分测试。

2. 拦截重定向请求，直接跳转目标URL

通过 cy.intercept 捕获点击链接后的重定向请求，提取目标URL后直接访问，无需修改标签属性：

// 拦截链接点击后的重定向请求
cy.intercept('GET', '**/your-redirect-path/**').as('redirectRequest');

cy.get('your-link-selector').click(); // 原新标签页链接，直接点击

// 等待拦截到请求，提取目标URL
cy.wait('@redirectRequest').then(interception => {
  const targetUrl = interception.response.headers.location; // 从响应头取重定向地址
  cy.visit(targetUrl); // 直接访问目标URL
});

3. 直接操作window.location跳转

提取链接的href属性，通过修改当前窗口的location实现跳转，绕开标签属性限制：

cy.get('your-link-selector')
  .invoke('attr', 'href')
  .then(targetUrl => {
    cy.window().then(win => {
      win.location.href = targetUrl;
    });
  });

注意事项 #

• chromeWebSecurity: false 会关闭浏览器的部分安全特性，仅建议在测试环境使用
• 若目标站点有CSRF或其他安全验证，需确保测试请求携带必要的Cookie或请求头

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