본문 바로가기

카테고리 없음

nextJS redirecting이 안먹힐 경우 !

/** @type {import('next').NextConfig} */
const nextConfig = {
  async redirects() {
    return [
      {
        source: '/',
        destination: '/hire',
        basePath: false,
        permanent: false,
      },
    ];
  },
};

module.exports = nextConfig;

next13의 리다이렉팅은 next.config.js에서 설정할수 있다.

상단 코드와 같이 작성했는데, 필자는 처음에 /test 페이지로 destination을 설치했다가 테스트 해볼겸 

/hire로 destination을 설정을 했지만, 계속해서 /test페이지로 리다이렉팅 되었다.

build파일도 비우고 browser data도 비워도 동일한 현상이 일어났다.
확인해보니 정말 단순한 곳에서 에러를 잡을 수 있었다.

browsing data 삭제시 모든 history, cache를 삭제해줘야 하는데 근 한달 내의 데이터만 삭제해 준것이 문제였다...

혹시라도 nextjs에서 리다이렉트시 데이터가 캐싱되는 느낌이라면 이부분을 한번 더 체크해 보자