Protractor设置Cookie失败：WebDriverError: unable to set cookie求助

看到你在Protractor里设置Cookie时遇到了WebDriverError: unable to set cookie的报错，结合你给出的Chrome和ChromeDriver版本（Chrome 63对应ChromeDriver 2.35是兼容的，版本匹配没问题），我帮你梳理下最可能的原因和解决办法：

常见原因及对应解决方案 #

• 未先导航到目标域名页面
  WebDriver的规则是：必须先加载目标域名下的任意页面（哪怕是根路径的空白页），才能给该域名设置Cookie。如果你的beforeEach里跳过了导航步骤直接设置Cookie，肯定会失败。
  修正方式：在设置Cookie前先调用browser.get()导航到你的目标页面，比如：

  beforeEach(async function() {
    // 先导航到目标域名页面，比如本地开发的http://localhost:4200
    await browser.get('http://your-target-domain.com');
    
    // 再执行设置Cookie的操作
    await browser.manage().addCookie({
      name: 'testCookie',
      value: 'testValue',
      path: '/',
      domain: 'your-target-domain.com' // 要和当前页面域名完全匹配
    });
  });
  

• Cookie参数不匹配当前页面
  比如domain设置错误（比如当前页面是localhost:4200，但你把domain设成了localhost不带端口，或者反过来），或者path设置的路径不在当前页面的路径范围内，都会导致设置失败。
  建议：

  • 本地开发时，如果页面是localhost:4200，domain直接设为localhost:4200；
  • 生产环境的域名不要带http://或https://前缀，比如直接写example.com；
  • 没有特殊路径需求的话，把path设为/，确保全站都能访问到这个Cookie。

• Angular同步时机问题
  如果你的测试页面是非Angular页面，或者页面加载后Angular还没完全初始化，Protractor默认的Angular同步机制会等待，导致设置Cookie的时机不对。
  解决办法：如果是非Angular页面，先禁用Angular同步：

  beforeEach(async function() {
    // 禁用Angular同步（非Angular页面必加）
    await browser.waitForAngularEnabled(false);
    await browser.get('http://your-non-angular-domain.com');
    await browser.manage().addCookie(/* Cookie参数 */);
  });
  

  如果是Angular页面，可以用browser.wait()等待页面某个元素加载完成后再设置Cookie，确保页面处于稳定状态。

额外排查步骤 #

1. 设置Cookie后可以通过browser.manage().getCookies()获取当前所有Cookie，打印出来验证是否设置成功；
2. 不要在Chrome隐身模式下运行测试，隐身模式会限制第三方Cookie或某些Cookie属性；
3. 确保Cookie的secure属性和当前页面协议匹配：http页面设为false，https页面设为true。

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