Next.js的页面预渲染
<p>Next.js的页面预渲染有两种形式</p><ol>
<li>静态生成<br>
在需要页面预渲染的js文件中<br>
export async function getStaticProps(context) {<br>
//通知next.js页面需要预渲染的属性<br>
//xxx操作<br>
return {<br>
props:{},//props属性<br>
revalidate: number, //至少多少秒进入此页面重新静态预渲染，增量静态生成<br>
notfound: boolean,//是否跳转404<br>
redirect:{<br>
destination:{}//重定向哪个页面<br>
}<br>
};<br>
}</li>
</ol>
<p>export async function getStaticPath() {<br>
//动态路径预渲染，通知next.js哪些路径预渲染<br>
return {<br>
paths:[{pathname:xxx}],//路径<br>
fallback:boolean | 'blocking',//false不在paths数组里的路径进行跳转回404，true表示出了paths是静态渲染，其他都不是，可以正常渲染，blocking同true<br>
};<br>
}</p>
<p>2.服务器端渲染<br>
export async function getServerSideProps(context){<br>
//同getStaticProps<br>
return {}l<br>
}</p><br><br>
来源：https://www.cnblogs.com/codegzy/p/16357208.html
頁:
[1]