在前面一节中,我们学习了如何为我们的应用创建一个“整洁”的URLs,基本上我们可以得到如‘http://localhost:3000/p/my-blog-post’这样的url。
但是,这只能在我们的客户端运行。当我们重新加载这个页面时,它会返回一个404页面。这是因为实际上根本没有一个叫“p/my-blog-post”的页面目录。
运用Next.js cunstom server API 我们可以相当容易的解决这个问题,让我们看看如何做到。
首先,我们需要一个简单的Next.js事例去演示。下载如下事例的应用:
git clone https://github.com/zeit/next-learn-demo.git
cd next-learn-demo
cd 5-clean-urls-ssr
然后运行它:
npm install
npm run dev
然后就可以通过http://localhost:3000来访问这个应用
创建客户端服务
现在我们要用Express来为应用创建一个客户端的服务,这相当简单。