在 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'
是我们想要的