rewrite && redirect
공통점
유저가 어떤 path로 접근하는 경우, 원하는 페이지로 이동 시켜준다.
차이점
rewrite: 유저가 입력한 url 그대로 주소창에 남아 유저에게 보여져 유저는 화면 변경을 인지하기 어렵다.
redirect: 정해진 path로 url이 바뀌게 된다.
설정 방법
next.config.js 파일에 다음과 같은 설정을 추가한다.
module.exports = {
// rewrite
async rewrites() {
return [
{
// source : 유저가 진입할 path
// destination : 유저가 이동할 path
source: '/about',
destination: '/',
},
]
},
// redirect
async redirects() {
return [
{
source: '/about',
destination: '/',
permanent: true,
},
]
},
}