官网《Next.js —— 服务端对“整洁”路由的支持》

在前面一节中,我们学习了如何为我们的应用创建一个“整洁”的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来为应用创建一个客户端的服务,这相当简单。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值