问答

请问next.js在getStaticProps里怎样获取路由参数

作者:admin 2021-06-07 我要评论

在首页进行搜索时,带参跳到搜索页,在搜索页需要知道搜索的内容,然后通过内容进行数据获取,但是在 getStaticProps 里无法获取路由参数,这时是在node环境里运...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

在首页进行搜索时,带参跳到搜索页,在搜索页需要知道搜索的内容,然后通过内容进行数据获取,但是在getStaticProps里无法获取路由参数,这时是在node环境里运行的

###

你要注意,next是分为纯静态渲染和SSR服务端渲染
你使用getStaticProps是开启纯静态渲染,是无法获得动态的路由参数进行解析,除非你使用了动态路径解析。
像你的需求你,需要将数据获取放到getServerSideProps中,而不要使用getStaticProps
这样你可以从中获得context,进而取得路径参数:


 export async function getServerSideProps(context) {
   console.log(context)
   //here,you can fetch data by context.query
   return {
     props: {
      query:context.query    
      }, // will be passed to the page component as props
   }
 }

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 请问next.js在getStaticProps里怎样获

    请问next.js在getStaticProps里怎样获

  • uniapp插槽渲染节点错误

    uniapp插槽渲染节点错误

  • Leader 要求将现有 MySQL 中的一个表以

    Leader 要求将现有 MySQL 中的一个表以

  • 心态崩了 前后端接口数据不一致

    心态崩了 前后端接口数据不一致

腾讯云代理商
海外云服务器