我如何从 getStaticProps 或 getStaticPaths 中请求的页面获取 slugs

时间:2020-12-20 11:58:13

标签: reactjs next.js server-side-rendering getstaticprops getstaticpaths

我想获取每个页码的数据

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

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

1 个答案:

答案 0 :(得分: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