Next.js 13/14 引入的 App Router ( 目录) 与传统的 Pages Router ( 目录) 不仅仅是目录名称的变化,而是底层架构和思维模式的彻底重构。 核心区别在于:App Router 是建立在 React Server Components (RSC) 之上的,而 Pages Router 是建立在传统的 SSR/SSG 模式之上的。 以下是它们在六个维度的本质区别: 1. 渲染范式:默认服务端组件 (RSC) vs 默认客户端组件 这是最大的本质区别。 Pages Router (): 默认全是客户端组件。虽然它支持 SSR(服务端渲染 HTML),但浏览器加载后,所有组件都会经历“水合(Hydration)”过程,React 会在客户端重新执行代码以接管页面。 发送给浏览器的 JavaScript 包(Bundle)较大。 App Router (): 默认全是服务端组件 (Server Components)。这些组件在服务器上渲染成特殊的序列化格式,不会打包进客户端的 JavaScript Bundle 中。 零 Bundle Size:如果...