NextJS（fetch）

Automatic Setup の事前設定済みのターミナルを使って、NextJS のサーバーサイドの fetch() と Server Components からの HTTPS リクエストをキャプチャします。

1. 問題

• NextJS の use server コードからの通信は、Proxyman でキャプチャできません
• NextJS の fetch はシステムの HTTP プロキシを使用しないためです。そのため、通信は Proxyman アプリを経由しません。

2. 解決方法

1. 事前設定済みのターミナルを起動します：Setup メニュー → Automatic Setup → 「Open New Terminal」をクリック
2. 新しいターミナルが開きます → このターミナルで NextJS サーバーを起動します。例：npm run dev
3. fetch で no-cache を使用します

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. ウェブサイトを再読み込みします
5. 完了 ✅ Proxyman アプリで HTTP 通信がキャプチャされます

Proxyman で NextJS の fetch をキャプチャする

3. 参考情報

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

関連記事

• NextJS のサーバーサイドから HTTP リクエストをキャプチャする