nextjs getServerSideProps 中 context 获取当前的路由

本文介绍了Next.js10中getServerSideProps函数的更新,特别是context对象新增的resolvedUrl属性,它提供了解析后的完整URL,解决了从前获取路由信息的问题,提升了服务器端渲染的灵活性。
摘要由CSDN通过智能技术生成

在 Next.js 中,getServerSideProps 函数允许您在服务器端获取数据并将其传递给页面组件。这个函数接收一个上下文对象作为参数,这个对象包含了页面的请求信息,其中也包括当前的路由信息。

context 对象包含一个 req 属性,它是一个 HTTP 请求对象。您可以使用这个对象来获取当前的 URL 或路由信息。但是,请注意,req 对象通常是一个 Node.js 的 http.IncomingMessage 对象,它本身并不直接包含路由信息。要获取路由信息,您通常需要解析请求的 URL。

export async function getServerSideProps(context) {
	const url = context.req.url;
}

其中再进行路由跳转后,url为

url: '/_next/data/development/en/help-center.json?slug=help-center'

不符合我们的预期。

从 Next.js 10 开始,context 对象中增加了一个 resolvedUrl 属性,它提供了完整的解析后的 URL 对象,

export async function getServerSideProps(context) {
	 const { resolvedUrl } = context;
}

其中再进行路由跳转后,url为

resolvedUrl: '/help-center'

是我们想要的

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值