获取nextjs中的上下文

在Next.js中，可以通过两种方式获取上下文：通过getInitialProps方法和使用useRouter钩子。

1. 通过getInitialProps方法获取上下文：
   • getInitialProps是Next.js中的一个特殊方法，用于在服务器端渲染和客户端渲染之前获取数据。
   • 在页面组件中定义getInitialProps方法，可以接收一个context参数，其中包含了一些有用的信息，如req（服务器请求对象）、res（服务器响应对象）、query（路由参数）、pathname（当前页面路径）等。
   • 通过context参数可以获取到上下文信息，例如获取请求头、cookie等。
   • 示例代码：
   • 示例代码：

• 使用useRouter钩子获取上下文：
  • useRouter是Next.js提供的一个React钩子，用于获取路由信息和上下文。
  • 在函数式组件中使用useRouter钩子，可以获取到一个router对象，其中包含了一些有用的属性和方法，如query（路由参数）、pathname（当前页面路径）等。
  • 通过router对象可以获取到上下文信息，例如获取查询参数、路由路径等。
  • 示例代码：
  • 示例代码：

以上是获取Next.js中上下文的两种常用方式。根据具体需求选择合适的方式来获取上下文信息，并根据上下文信息进行相应的处理和渲染。