App Router 请求与渲染旅程探索器

请求调度台

APP / ROUTER

① 选择请求场景

/ app/page.tsx /about app/about/page.tsx /blog/[slug] app/blog/[slug]/page.tsx

② 选择页面形态

纯服务器页面带客户端计数器

'use client' 定义交互模块的边界；它不会把整页改成“仅客户端渲染”。

请求护照

选好路线后，发送请求进入第 1 站。

尚未发车 · 0/6

发生在哪里：尚未开始等待车票

REQUEST JOURNEY

左侧选择 URL 与页面形态，然后点击“发送请求”。旅程会从路由匹配开始。

📍 发生在哪里

尚未开始

📦 浏览器拿到什么

尚未收到响应

✓ 是否需要

发送请求后逐站说明

路线原则 普通文件夹能定义 URL 片段，但只有 page.tsx 或 route.ts 才会公开可访问的端点。

浏览器观察窗 NO RESPONSE

localhost:3000/

还没有响应
服务器旅程尚未开始

page.tsx
Server Component

Counter.tsx
'use client'

layout.tsx
仍在服务器

页面和布局默认仍是 Server Components；浏览器只为客户端边界加载并水合所需 JavaScript。

安全边界提醒：浏览器收到的是渲染结果、RSC Payload 与所需客户端 JavaScript，不是 Server Component 源码；服务器密钥也不应被发送到浏览器。