Next.js - Rewrites & Redirects

김종민·2023년 3월 24일
0

Rewrites

module.exports = {
  async rewrites() {
    return [
      {
        source: '/about',
        destination: '/',
      },
    ]
  },
}

위의 코드에서 source경로로 접근 시, destination경로를 보여준다.
단, source경로에 해당하는 페이지가 존재하는 경우에는 source화면을 보여준다.

rewrites는 api 경로를 숨기는 경우에도 사용 가능하다.

module.exports = {
  async rewrites() {
    return [
      {
        source: '/api/hidden',
        destination: 'https://apipath',
      },
    ]
  },
}

위의 코드에 따라, api요청시 source경로를 입력하면 네트워크탭에 destination경로가 보여지지 않는다.

Redirects

module.exports = {
  async redirects() {
    return [
      {
        source: '/about',
        destination: '/',
        permanent:true
      },
    ]
  },
}

사용자가 source경로로 접근시, 강제로 destinatio경로로 이동시킨다.
permanent가 true인 경우에는 308 status code를 사용하며
false인 경우에는 307 status code를 사용한다.

307은 임시적으로 이동시키고 308은 영구적으로 이동시킨다고 판단된다.

profile
개발을 합시다 :)

0개의 댓글