[Next] Redirect, Rewrites

Next.js에서 Redirect처리하는 방법

 

1. next.config.js 파일에서 redirects 함수를 세팅한다.

 

async redirects() {
    return [
      {
        source: "/old-blog/:path*",
        destination: "/new-sexy-blog/:path*",
        permanent: false,
      },

     {

      두번 째 redirect 속성 추가

     },
    ];
  },

 

의미 : localhost:3000/old-blog/test/123으로 진입 했을 경우 localhost:3000/ new-sexy-blog/ /test/123으로 Redirect처리!

---

 

2. rewrites : redirect와 비슷하지만 유저에게 변경된 url이 노출되지 않는다.

 

async rewrites() {
    return [
      {
        source: "/api/movies",
        destination: `https://api.themoviedb.org/3/movie/popular?api_key=${API_KEY}`,
      },
    ];
  },

 

위 경우는 api의 경로 및 키를 감추려고 사용했다.

/api/movies만 소스에서 호출하더라도 https://api.themoviedb.org/3/movie/popular?api_key=${API_KEY} api를 호출 가능하다.