node.js - Puppeteer：覆盖 API 请求并在没有其他包的情况下使用模拟数据进行响应

Question

我正在尝试为动态 vue 应用程序获取 puppeteer 的模拟数据。

这是我所拥有的（使用占位符 API url）：

await page.setRequestInterception(true)
    page.on('request', (request) => {
      console.log(request.url())
      if (request.url() === 'URL HERE') {
        request.respond({
          status: 200,
          content: 'application/json',
          body: JSON.stringify(MockData.image)
        })
      } else if (request.url() === 'URL HERE') {
        request.respond({
          status: 200,
          content: 'application/json',
          body: JSON.stringify(MockData.text)
        })
      } else {
        request.continue()
      }
    })

此代码段位于请求将通过的所有逻辑之上，并且 URL 是正确的。

模拟调用似乎没有正确完成或通过。这是我的设置有问题吗？

Answer 1

解决方案是在禁用铬安全性的情况下调用启动。

browser = await puppeteer.launch({
  args: ['--disable-web-security']
})