拦截某个请求并得到它的响应（puppeteer）

Question

一旦那个 puppeteer 转到某个 url，我希望它监听所有发出的请求，然后找到一个特定的请求并返回它的响应。响应应该是一个 json 对象。

我设法监听了所有请求并拦截了所需的请求，但我不知道如何得到它的响应。这是我的尝试：我收到错误 TypeError: Cannot read property 'then' of null。

有什么建议吗？

page.on('request',async(request)=>{
    console.log(request.url())

    if (request.url().includes('desiredrequest.json')){
        console.log('Request Intercepted')
        request.response().then(response => {
            return response.text();
        }).then(function(data) {
        console.log(data); // this will be a string
        alert(data)
        });
    }

    request.continue()
})

Answer 1

由于响应可能尚未到达，更好的方法是监听response 事件并从中获取请求对象。

page.on('response', async(response) => {
    const request = response.request();
    if (request.url().includes('desiredrequest.json')){
        const text = await response.text();
        console.log(text);
    }
})

Answer 2

您可能想使用“requestfinished”事件而不是“request”事件。

page.on('requestfinished', async (request) => {
    const response = await request.response();

    const responseHeaders = response.headers();
    let responseBody;
    if (request.redirectChain().length === 0) {
        // Because body can only be accessed for non-redirect responses.
        if (request.url().includes('desiredrequest.json')){
            responseBody = await response.buffer();
        }
    }
    // You now have a buffer of your response, you can then convert it to string :
    console.log(responseBody.toString());

    request.continue()
});