728x90
getStaticProps 데이터 패칭 오류 어찌해결? (Next.js 13v, pages router 사용중)
/main 페이지에서 getStaticProps 오류( 다른 페이지에서는 잘 불러와짐)
문제는 index.js/ Home function에 있었다.
import Head from "next/head";
import MainPage from "./main";
export default function Home() {
return (
<>
<Head>
<title>Project</title>
</Head>
<MainPage />
</>
);
}
./main 에서 MainPage 이름으로 작업중이였다.
오류해결!
index.tsx에서 <MainPage/>를 빼버렸다.
Home자체에 페이지를 불러오지 않고 그냥 redirect 시켰다.
왜 이게 되는지는 나도 모른다… 이유아시는분…
아무튼 저렇게 하니 데이터가 잘 날라온다.
import type { GetServerSideProps } from "next";
export default function Home() {
return <></>;
}
export const getServerSideProps: GetServerSideProps = async (context) => {
return {
redirect: {
destination: "/main",
permanent: true, },
};
};
이렇게 또 얼렁뚱땅 개발하루 마감…
++옵시디언으로 코드가 한줄로 발행된다.. tistory에서 재수정
(이 글은 옵시디언을 통해서 발행되었습니다.)
728x90
반응형
'Next.js (pages router)' 카테고리의 다른 글
Next.js pages router favicon 및 title 태그 넣는 폴더 위치 (전역설정) (0) | 2024.02.08 |
---|---|
next.js | react.js 매거진 리스트 데이터 패칭 문제 해결 (0) | 2023.12.14 |
Next, React api url 삼항연산자로 편리하게 사용하기 (0) | 2023.12.09 |
Next.js 공식문서 확인법 pages vs app router (0) | 2023.11.14 |