(路由与 pages 下的文件名称完全匹配)
页面间的导航,我们可以 a 标签来进行导航.但是,它不会执行客户端导航.并且,每次点击浏览器将向服务器请求下一页,同时刷新页面.因此,为了支持客户端导航...About Page 跳转到 about 页面.之后点击浏览器的后退按钮,页面能够回到 index.
...
);
};
export default Page;
打开 localhost:6688 查看页面效果,点击 about...创建动态路由时,我们 id 放在方括号之间.这是页面接收到的查询参数的名称,因此/p/hello-nextjs 在 query 对象就是{ id: 'hello-nextjs'},我们可以使用 useRouter...Layout>
);
export default Page;
打开 localhost:6688 的 about 页面点击查看样式效果