Next.js 启动完成时执行代码：getStaticProps 和 getServerSideProps

在 Next.js 中，可以使用 'getStaticProps' 或 'getServerSideProps' 方法来在启动完成时执行一次代码。

1. 使用 'getStaticProps' 方法：

   • 创建一个文件，例如 'pages/index.js'。
   • 在文件中，定义一个异步函数 'getStaticProps'，并在函数中执行启动完成时要执行的代码。
   • 返回一个包含数据的对象，作为 'props' 的值。
   • 例如：

     export async function getStaticProps() {
       // 启动完成时要执行的代码
       console.log('启动完成');
     
       // 返回数据作为 props
       return {
         props: {
           // 数据
         }
       };
     }
     
     export default function HomePage({ data }) {
       // 页面组件
     }
     

2. 使用 'getServerSideProps' 方法：

   • 创建一个文件，例如 'pages/index.js'。
   • 在文件中，定义一个异步函数 'getServerSideProps'，并在函数中执行启动完成时要执行的代码。
   • 返回一个包含数据的对象，作为 'props' 的值。
   • 例如：

     export async function getServerSideProps() {
       // 启动完成时要执行的代码
       console.log('启动完成');
     
       // 返回数据作为 props
       return {
         props: {
           // 数据
         }
       };
     }
     
     export default function HomePage({ data }) {
       // 页面组件
     }
     

无论是使用 'getStaticProps' 还是 'getServerSideProps'，在启动完成时都会执行一次，可以在控制台输出信息来验证。