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

问题描述

我想获取每个页码的数据

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

export async function getStaticProps(data) {
console.log(data.slugs.pagenumber)//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）