在下一个js documentation中，我们可以看到getStaticProps函数用于预呈现动态代码，并为客户端/机器人提供完整的html代码。
getStaticProps接受一个{params}参数，返回由JSX元素使用的props。但是如果我没有任何页面的服务器端数据呢？所有的JSX元素都是静态的。我还能像往常一样预先呈现这些元素并提供给客户端吗？
我试过没有任何 prop ，只有getStaticProps函数，无法判断它是否工作。
在下一个js documentation中，我们可以看到getStaticProps函数用于预呈现动态代码，并为客户端/机器人提供完整的html代码。
getStaticProps接受一个{params}参数，返回由JSX元素使用的props。但是如果我没有任何页面的服务器端数据呢？所有的JSX元素都是静态的。我还能像往常一样预先呈现这些元素并提供给客户端吗？
我试过没有任何 prop ，只有getStaticProps函数，无法判断它是否工作。
1条答案
按热度按时间lbsnaicq1#
我试过没有任何 prop ，只有getStaticProps函数，无法判断它是否工作。
当您构建next.js项目时，在构建结束时，您会看到构建的日志摘要，指出哪些路由和页面呈现为SSR或SSG，或者通常使用符号（实心点或空心点或lambda符号）表示的ISR。
getStaticProps是默认行为，如果没有使用数据获取函数，您可能会在构建日志摘要中看到它（静态）。
所有JSX元素都是静态的
我还能像往常一样预先渲染并服务于客户吗？
当您构建项目时，next.js将在构建时使用getStaticProps（或不具有任何数据获取函数）为页面生成（预呈现）HTML，并将为每个请求提供服务，这也在其docs中提到
默认情况下，Next.js会预呈现每个页面。
这意味着Next.js提前为每个页面生成HTML，而不是由客户端JavaScript完成所有工作