Next.js 13 fetch no-store 속성

버건디·2023년 3월 29일
2

Next.js

목록 보기
33/52
post-custom-banner

Next.js 13에서 fetch 를 통해 백엔드로부터 데이터를 받아올때, db가 업데이트가 됐는데도 불구하고

전의 데이터가 리턴되는 현상이 나타났다.

데이터가 총 9개인데도 불구하고, 처음에 저장된 1개만 나타났다

공식 홈페이지를 읽어보니, 모든 요청마다 동적인 데이터를 얻고 싶다면 cache 속성을 no-store로 지정해주면 된다고 쓰여있었다.

export const getAllPostData = async () => {
  const res = await fetch("http:///localhost:3002/api/post", {
    cache: "no-store",
  });
  const data = await res.json();

  return data;
};

정상적으로 저장되어있는 모든 데이터가 출력되었다

profile
https://brgndy.me/ 로 옮기는 중입니다 :)
post-custom-banner

0개의 댓글