Next.js (fetch)

Captura solicitudes HTTPS de fetch() del lado del servidor en Next.js y de los Server Components con la Terminal preconfigurada de Automatic Setup de Proxyman.

1. Problema

• Proxyman no puede capturar ningún tráfico del código use server de Next.js
• Esto ocurre porque fetch en Next.js no respeta el proxy HTTP del sistema. Por eso, ningún tráfico pasa por la app de Proxyman.

2. Solución

1. Inicia la Terminal preconfigurada: menú Setup -> Automatic Setup -> haz clic en "Open New Terminal"
2. Se abre una Terminal nueva: inicia tu servidor de Next.js en esta Terminal. Por ejemplo: npm run dev
3. Usa no-cache en fetch

export default async function MyPage() {
  const res = await fetch('https://httpbin.org/anything', { cache: 'no-cache' }) // no cache, or no request is sent to Proxyman
  return <div>My Page{res.text()}</div>
}

4. Recarga tu sitio web
5. Listo ✅ La app Proxyman captura el tráfico HTTP de tu aplicación

Captura fetch de Next.js en Proxyman

3. Referencia:

• https://github.com/ProxymanApp/Proxyman/issues/2038

Más información

• Captura solicitudes HTTP desde el servidor en Next.js