본문 바로가기

클라이언트/Next.js
[Next.js] Redirects, Rewrite

// Redirects

특정  url에 접속했을 때 다른 url로 redirect 시켜주는 기능

▪ next.config.mjs 설정

async redirects() {
  return [
    {
      source: '접속url',
      destination: 'redirect할 url',
      permanent: boolean값
    },
  ]
}
  • source
    - redirection을 시작할 경로
    - 여기에 해당하는 URL로 접속하면 redirection이 발생한다.
  • destination
    - redirection으로 이동될 경로
    - 목적지
  • permanent
    - 해당 redirection이 영구적인지 여부

// Rewrite

해당 페이지의 url을 다른 url로 대체해주는 기능

▪ next.config.mjs 설정

async rewrites() {
  return [
    {
      source: '대체url',
      destination: '기존url',
    },
  ]
}
  • source
    - 대체 url
    - 대체 url로 접속했을 때 , 기존 url과 매핑된 페이지를 보여준다.
  • destination
    - 페이지와 매핑된 기존 url
    - 기존 url로 접속해도 기존 페이지는 그대로 볼 수 있다.