Question

我正在遵循有关Next.js的基本tutorial。

他们提供以下代码：

 Post.getInitialProps = async function(context) {
  const { id } = context.query;
  const res = await fetch(`https://api.tvmaze.com/shows/${id}`);
  const show = await res.json();

  console.log(`Fetched show: ${show.name}`);

  return { show };
};

我已复制粘贴。但是context.query是一个空对象，因此，我的api调用失败。这是我重定向到该动态页面的代码（pages / p / [id] .js）

 <Layout>
<h1>Batman TV Shows</h1>
<ul>
  {props.shows.map(show => (
    <li key={show.id}>
      <Link href="/p/[id]" as={`/p/${show.id}`}>
        <a>{show.name}</a>
      </Link>
    </li>
  ))}
</ul>


</Layout>

这是一个错误，还是我错过了什么？

Answer 1

好的，答案是从v8.0.4更新到v9.0.1或更高版本。教程here清楚地说明了

Next.js getInitialProps上下文查询为空

1 个答案: