台湾中文娱乐在线天堂 Node.js抓包神器：如何记录fetch请求日志

引言

在Node.js开发中，fetch API因其简洁易用而广受欢迎。然而，调试网络请求时，如何记录fetch请求日志成为许多开发者面临的难题。本文将详细介绍几种方法，帮助你在Node.js中轻松实现fetch请求的日志记录。

方法一：使用console.log

最简单直接的方法是使用console.log打印请求信息。

const fetch = require('node-fetch');

async function fetchData(url) {
  console.log('Requesting:', url);
  const response = await fetch(url);
  const data = await response.json();
  console.log('Response:', data);
  return data;
}

fetchData('https://api.example.com/data');

方法二：封装fetch函数

为了更灵活地控制日志，可以封装一个自定义的fetch函数。

const fetch = require('node-fetch');

async function fetchWithLog(url) {
  console.log('Requesting:', url);
  const start = Date.now();
  const response = await fetch(url);
  const duration = Date.now() - start;
  console.log(`Response received in ${duration}ms`);
  return response.json();
}

fetchWithLog('https://api.example.com/data');

方法三：使用中间件

如果你使用的是Express等框架，可以通过中间件来记录请求日志。

const express = require('express');
const fetch = require('node-fetch');
const app = express();

app.use((req, res, next) => {
  const start = Date.now();
  res.on('finish', () => {
    const duration = Date.now() - start;
    console.log(`${req.method} ${req.url} - ${duration}ms`);
  });
  next();
});

app.get('/data', async (req, res) => {
  const data = await fetchWithLog('https://api.example.com/data');
  res.json(data);
});

app.listen(3000, () => console.log('Server running on port 3000'));

总结

记录fetch请求日志是调试和优化网络请求的重要手段。本文介绍了三种方法：使用console.log、封装fetch函数和使用中间件。根据项目需求选择合适的方法，助你高效排查问题。

参考资料

• Node-fetch官方文档

• Express官方文档