首页 > 解决方案 > getStaticProps 中的重新验证似乎没有按预期工作

问题描述

我尝试每 3 秒在 Next js 中使用 getStaticProps 重新验证数据,但似乎没有按预期工作,3 秒后数据不会重新验证。

这是我的代码:

export const getStaticProps = async () => {
  console.log("Hello")
  let error = false 
  let data = []
  try{
    const response = await axios.get('https://some-service/events')
    for(const key in response.data){
      const resData = response.data[key]
      data.push({id: key, ...resData})
    }
  }catch(e){
    console.log(e)
    error = true
  }finally{  
    return {
      props: {
        data,
        error
      },
      revalidate: 3
    }
  }
}

我正在使用 localhost 运行

npm 运行构建 && npm 运行开始

另外,尝试使用:

npm 运行开发

这是我的组件代码:

function HomePage(props) {
  return (
    <div>
      <EventList items={props.data} />
    </div>
  );
}

export default HomePage;

提前致谢

标签: javascriptreactjsnext.js

解决方案


推荐阅读