Cypress跨域测试问题：禁用chromeWebSecurity后出现chrome-error报错

我之前也碰到过类似的跨域场景问题，给你几个可行的解决思路，你可以逐个试试：

1. 绕过前端跳转，直接通过API登录并同步Cookie #

有时候禁用web security后，前端自动跨域重定向容易出问题，不如直接用Cypress的请求命令完成登录，再手动把必要的Cookie同步到主站域名下：

// 直接调用登录接口，跳过前端页面交互
cy.request({
  method: 'POST',
  url: 'https://你的登录子域/api/login', // 替换成实际登录接口地址
  body: {
    username: '你的测试用户名',
    password: '你的测试密码'
  }
}).then((response) => {
  // 从响应头里提取登录后的会话Cookie（比如sessionId、token）
  const sessionCookie = response.headers['set-cookie'][0].split(';')[0];
  const [cookieName, cookieValue] = sessionCookie.split('=');
  
  // 将Cookie设置到主站域名下
  cy.setCookie(cookieName, cookieValue, {
    domain: '你的主站域名', // 比如 'example.com'
    path: '/',
    secure: true // 主站是HTTPS的话设为true
  });
});

// 直接访问主站页面，此时Cookie已生效
cy.visit('https://你的主站域名/dashboard');

这种方式跳过了跨域跳转环节，能有效避开chrome-error的问题。

2. 启用Cypress实验性跨域会话支持 #

从Cypress 9.6.0开始，官方推出了专门处理跨域场景的实验特性，比单纯禁用chromeWebSecurity更可靠。先在配置文件里开启：

{
  "experimentalSessionAndOrigin": true,
  "chromeWebSecurity": false // 可以先保留，测试后再尝试移除
}

然后用cy.session()管理登录会话，它会自动处理跨域Cookie同步：

beforeEach(() => {
  cy.session('用户登录会话', () => {
    // 访问登录子域页面
    cy.visit('https://你的登录子域/login');
    // 执行常规登录操作
    cy.get('#username').type('你的测试用户名');
    cy.get('#password').type('你的测试密码');
    cy.get('#submit-btn').click();
    // 等待登录完成，确认已跳转到主站
    cy.url().should('include', '你的主站域名');
  });
});

it('验证主站仪表盘可正常访问', () => {
  cy.visit('https://你的主站域名/dashboard');
  // 验证页面核心元素存在
  cy.get('#dashboard-title').should('be.visible');
});

这是官方现在推荐的跨域登录解决方案，稳定性比手动设置Cookie更好。

3. 检查并修复登录重定向逻辑 #

出现chrome-error://chromewebdata/有时候是因为登录后的重定向URL无效，比如后端返回的Location字段是空地址或协议错误。你可以：

• 打开浏览器开发者工具，查看登录请求的响应头，确认Location是否指向主站的有效地址
• 如果重定向地址有问题，先修复后端配置；如果暂时没法改后端，可以用Cypress拦截重定向请求并修正：

cy.intercept('GET', 'https://登录子域/post-login-redirect', (req) => {
  // 把重定向目标改成主站的正确页面
  req.redirect('https://你的主站域名/dashboard');
});

4. 测试前强制清空缓存和状态 #

旧的浏览器缓存或残留的Cookie可能导致奇怪的跳转问题，测试前可以强制清空：

beforeEach(() => {
  cy.clearCookies();
  cy.clearLocalStorage();
  cy.visit('https://你的登录子域/login', {
    onBeforeLoad(win) {
      win.location.reload(true); // 强制刷新，跳过缓存
    }
  });
});

建议先试试第二种方案，这是针对性解决跨域场景的官方特性，解决问题更彻底。如果还是不行，再结合第一种手动同步Cookie的方式调整。

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