前端 - nextjs13 ,app/page.tsx getStaticProps咋没有数据请求？

Question

import { getTestList } from "@/api"
import Link from "next/link"

function Home({ list }) {
  console.log("list app page", list)
  return (
    <div>
      <button className="btn btn-primary">列表项3</button>
      <h2>next 666</h2>
      <button className="btn btn-link">
        <Link href="/dashboard">Dashboard</Link>
      </button>
    </div>
  )
}
// 此函数在构建时被调用
export async function getStaticProps() {
  console.log("执行数据据请求")
  // 调用外部 API 获取博文列表
  const data: any = await getTestList()
  // 通过返回 { props: { posts } } 对象，Blog 组件
  // 在构建时将接收到 `posts` 参数
  return {
    props: {
      list: data.items || [],
    },
  }
}
export default Home

目录结构就是src/app/pages.tsx 也就是首页了。我看官网上说的，这样就是发送数据请求。我的打印发现。压根就没执行 getStaticProps 这个函数。

Answer 1

看英文官网。不要看那个所谓的中文官网。看英文官网。api改了。nextjs13 generateStaticParams