Cypress实现AAD自动化登录时POST token接口400错误及origin header缺失问题求助

我之前也踩过类似AAD登录自动化测试的坑，结合你的描述来帮你分析问题根源和可行的解决方案：

问题根源拆解 #

你遇到的Tokens issued for the 'Single-Page Application' client-type may only be redeemed via cross-origin requests错误，核心原因是AAD对SPA类型应用的token兑换请求有严格校验：必须携带合法的Origin请求头，且该Origin要在Azure Portal的应用允许列表内。而Cypress没自动带上这个头，大概率是跨域上下文处理的配置或时序问题，触发了浏览器的同源策略限制，导致头信息被省略。

具体解决方案 #

1. 开启Cypress跨域会话优化参数

Cypress的experimentalSessionAndOrigin是专门为第三方登录这类跨域场景设计的，能优化上下文切换时的请求头处理，直接解决Origin缺失的问题。修改你的配置文件：

module.exports = defineConfig({
  e2e: {
    setupNodeEvents,
    specPattern: "cypress/e2e/features/*.feature",
    baseUrl: "https://xxxxxxxxx", // 你的网站URL
    chromeWebSecurity: true,
    experimentalModifyObstructiveThirdPartyCode: true,
    experimentalSessionAndOrigin: true, // 新增这个参数
  }
});

2. 确保cy.origin的域名完全匹配

检查你在cy.origin中使用的域名是否和实际跳转的AAD登录域名完全一致（比如是否带区域后缀，像login.microsoftonline.com.cn）。Cypress对cy.origin的域名匹配是严格的，一旦不匹配，上下文切换失败，请求就不会带上正确的Origin头。

3. 优化登录流程的时序与请求监听

有时候页面加载或请求发送的时序问题，会导致Origin头没有正确携带。可以在登录流程中添加请求监听，确保token请求正常完成：

function loginViaAAD(username, password) {
  cy.visit('https://xxxxxxxxx')// 你的网站

  cy.origin(
    'login.microsoftonline.com',
    { args: { username, password } },
    ({ username, password }) => {
      cy.get('input[type="email"]').type(username, { log: false })
      cy.get('input[type="submit"]').click()
      cy.get('input[type="password"]').type(password, { log: false })
      // 监听token请求，确保发送成功
      cy.intercept('POST', '**/oauth2/v2.0/token').as('tokenRequest')
      cy.get('input[type="submit"]').click()
      cy.wait('@tokenRequest').its('response.statusCode').should('eq', 200)
      cy.contains("Yes").click();
    }
  )

  cy.url().should("contain","https://xxxxxxx"); // 你的网站
}

4. 检查Azure Portal的应用配置

登录Azure Portal，找到你的应用注册，在平台配置中确认已经添加了Cypress测试环境的Origin（比如测试域名或localhost:xxxx）。如果Origin不在允许列表里，即使Cypress发送了Origin头，AAD也会返回400错误，甚至浏览器会因安全策略自动省略这个头。

5. 避免依赖关闭chromeWebSecurity

关闭chromeWebSecurity虽然能临时绕开同源限制，但会带来其他测试稳定性问题（比如随机失败），所以尽量保持chromeWebSecurity: true，通过上面的配置优化来解决问题。

为什么Cypress没发送Origin头？ #

主要是因为跨域上下文切换时，若没有开启experimentalSessionAndOrigin，Cypress的跨域处理逻辑不够完善，加上浏览器的同源策略限制，导致跨域的token请求没有自动带上Origin头。而开启实验参数后，Cypress会更精准地处理跨域会话的请求头信息。

备注：内容来源于stack exchange，提问作者user2110845