如何从 getStaticProps 或 getStaticPaths 中的请求页面获取 slug？

Posted 2023-03-30

技术标签:

【中文标题】如何从 getStaticProps 或 getStaticPaths 中的请求页面获取 slug？【英文标题】：How can I get slugs from requested page in getStaticProps or getStaticPaths? 【发布时间】：2021-03-30 10:33:24 【问题描述】：

我想获取每个页码的数据。

例如：网址：https://myapp.com/films?pagenumber=1

export async function getStaticProps(data) 
    console.log(data.slugs.pagenumber)//1

【问题讨论】：

【参考方案1】：

你可以使用getInitialProps

import App from 'next/app'


class Application extends App 
 ...


Application.getInitialProps = async ( ctx ) => 
    return  pathname: ctx.asPath 


export default Application

现在在Application 中你有this.props.pathname，如何解析它取决于你（你可以使用new URLSearchParams - https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams）

【讨论】：

以上是关于如何从 getStaticProps 或 getStaticPaths 中的请求页面获取 slug？的主要内容，如果未能解决你的问题，请参考以下文章