无法通过钩子将标头值添加到 HTTP 请求

Question

使用 Testcafe，我正在尝试向我的所有请求添加一个 HTTP 标头键/值对，但是当我在实时模式下检查浏览器中的网络请求时，它没有出现在请求标头中。

我想知道这是否可能是 TypeScript 的问题？我不得不修改文档中的示例代码以允许方法参数的类型为 any 以使其编译，这令人惊讶，因为我在其他地方没有看到该要求，TC 只是“处理”它。

那么两个问题：

• 我希望看到标头 wafAccessToken 对出现在对 http://www.google.com 的请求中，但它不是 - 知道可能是什么问题吗？
• 有没有办法让我的RequestHook 不在构造函数中指定确切的 URL？我只想让它匹配和修改每个请求，无论我要去哪里。

代码如下：

import { RequestHook } from 'testcafe';

export class WebSwitchHook extends RequestHook
{
    constructor(requestFilterRules: any, responseEventConfigureOpts: any)
    {
      super(requestFilterRules, responseEventConfigureOpts);
      // ...
    }

    async onRequest (e: any)
    {
      e.requestOptions.headers['wafAccessToken'] = "REDACTED";
      console.log(e.requestOptions);
    }

    async onResponse (e: any) {
      console.log(e.body);
    }
}

const webSwitchHook = new WebSwitchHook("http://www.google.com", {
  includeHeaders: true,
  includeBody: true
});

fixture.only('Test')
.page("http://www.google.com")
.requestHooks(webSwitchHook);

test('Test', async t => {
  
});

Answer 1

您共享的代码可以正常工作。您可以看到您在服务器上添加的标头。您还可以将RequestLogger 附加到夹具并在那里查看更新的标题。

至于您的第二个问题，您可以使用this example 中的代码将RequestHook 用于所有请求：

class JwtBearerAuthorization extends RequestHook {
    constructor () {
        super();
    }

    //...
}

或者，将正则表达式传递给 RequestHook 构造函数，使其仅用于匹配 URL。