如何在Cypress中处理多跨源重定向问题？

方法1：关闭跨源安全限制（快速验证方案） #

在cypress.config.js（或cypress.config.ts）中修改配置，关闭Chrome的跨源安全校验，让页面可以自由完成跨源重定向：

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

之后直接使用普通cy.visit访问初始URL即可，无需额外处理跨源上下文：

cy.visit('domain-to-visit.com');
// 重定向完成后直接操作最终域名下的元素
cy.get('target-element-on-final-domain').should('be.visible');

注意：该方案会降低测试的真实性，仅适合快速验证场景。

方法2：链式使用cy.origin（贴近真实场景） #

虽然不能嵌套cy.origin，但可以在重定向完成后切换到最终域名的上下文继续操作：

// 访问初始URL，触发两次重定向流程
cy.visit('domain-to-visit.com');

// 重定向完成后，切换到final-domain.com的上下文执行后续操作
cy.origin('final-domain.com', () => {
  cy.get('page-key-element').should('exist');
});

这种方式保留了浏览器的跨源安全机制，测试逻辑更贴近真实用户访问流程。

方法3：用cy.intercept手动控制重定向（精细控制场景） #

如果需要自定义重定向逻辑，可以通过cy.intercept拦截重定向请求，手动跳转至最终域名：

// 拦截初始URL的重定向响应，指定跳转到第一个重定向域名
cy.intercept('GET', 'domain-to-visit.com', (req) => {
  req.redirect('redirect1.com');
}).as('firstRedirect');

// 拦截第一个重定向域名的响应，指定跳转到最终域名
cy.intercept('GET', 'redirect1.com', (req) => {
  req.redirect('final-domain.com');
}).as('secondRedirect');

// 访问初始URL，触发自定义重定向流程
cy.visit('domain-to-visit.com');

// 在最终域名上下文验证页面状态
cy.origin('final-domain.com', () => {
  cy.get('content-container').should('be.visible');
});

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