如何用Nightwatch或Axios实现指定HTTP请求拦截并提取参数？

Nightwatch本身没有原生请求拦截API，但可以通过**Chrome DevTools Protocol (CDP)**来实现，以下是针对特定HTTP方法和URL的请求拦截、数据提取方案：

实现步骤 #

• 启用CDP的Network模块，监听请求响应事件
• 过滤目标请求（匹配指定的HTTP方法和URL）
• 获取响应内容并提取所需值存入变量

代码示例 #

假设需要拦截POST /api/users请求，提取响应中的userId值：

module.exports = {
  '拦截POST /api/users请求并提取userId': async function(browser) {
    let extractedUserId;

    // 启用CDP Network域
    await browser.cdp('Network', 'enable');

    // 监听响应完成事件
    browser.cdp('Network', 'responseReceived', (params) => {
      const { request } = params;
      // 过滤目标请求：匹配POST方法和指定URL
      if (request.method === 'POST' && request.url.includes('/api/users')) {
        // 获取响应体内容
        browser.cdp('Network', 'getResponseBody', { requestId: params.requestId }, (bodyResult) => {
          const responseData = JSON.parse(bodyResult.body);
          // 提取所需值，比如userId
          extractedUserId = responseData.userId;
        });
      }
    });

    // 触发目标请求（示例：执行注册操作）
    await browser
      .url('https://your-app-url.com/register')
      .setValue('input[name="email"]', 'test@example.com')
      .setValue('input[name="password"]', 'test123')
      .click('button[type="submit"]');

    // 等待值被提取后再执行后续操作
    await browser.waitUntil(() => {
      return typeof extractedUserId !== 'undefined';
    }, { timeout: 5000, timeoutMsg: '未成功提取到userId' });

    // 后续可直接使用extractedUserId变量
    console.log('提取到的userId:', extractedUserId);

    // 禁用Network域
    await browser.cdp('Network', 'disable');
  }
};

额外说明 #

• 如果需要修改请求头（类似Cypress的全局授权头设置），可以用CDP的setExtraHTTPHeaders命令：

// 设置全局请求头
await browser.cdp('Network', 'setExtraHTTPHeaders', {
  headers: {
    'Authorization': `Token ${browser.globals.authToken}`
  }
});

• 若需精确匹配URL，可替换includes()为严格相等判断，比如request.url === 'https://your-app-url.com/api/users'

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