Cypress 增加自定义header访问

最新推荐文章于 2026-07-04 13:32:35 发布

原创最新推荐文章于 2026-07-04 13:32:35 发布 · 1.3k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

自动化测试

当前文章被收录于：

自动化测试

5 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文详细介绍如何在Cypress测试框架中为XHR API请求及页面请求添加自定义头部信息，通过示例代码展示了两种方法的具体实现，帮助读者理解并掌握在自动化测试中设置HTTP请求头的技巧。

一、对XHR api请求加header

    cy.server({
      onAnyRequest: (route, proxy) => {
        proxy.xhr.setRequestHeader('myHeaderKey', 'bestfei')
      }
    })

二、对页面请求加header
在visit方法加入headers参数，例如：

cy.visit(`${this.route.targetUrl}`,{headers:{'myHeaderKey':'bestfei'}})

三、完整请求

  switchToTargetPageWithHeaders() {
    cy.server({
      onAnyRequest: (route, proxy) => {
        proxy.xhr.setRequestHeader('myHeaderKey', 'bestfei')
      }
    })
    
    cy.visit(`${this.route.targetUrl}`,{headers:{'myHeaderKey':'bestfei'}})
    this.spinLoading.should('not.exist')
    return this
  }

标签

#Cypress