redirect 와 rewrite

Redirect와 Rerwrite

NextJS의 getServerSideProps 메소드에서 특정 조건 확인 후 화면을 이동시킬 때 redirect를 많이 사용했다. rewrite 기능의 존재도 알고 있었지만 실상 거의 쓰지 않고 있었는데 얼마전 redirect에 대한 NextJS Docs에서 함께 보여 정리를 해두려 한다.

기본적으로 next.config.js에서 선언하며 query parameter를 받을 수 있는 등의 사용방법이 비슷하다(그래서 평소에 더 구분하기 어렵다).

차이점

1. 사용 결과

- redirect: 특정 페이지 접근 시 설정 페이지로 이동. URL이 설정 페이지로 변경됨

- rewrite: 특정 페이지 접근 시 설정 페이지로 이동. 원 페이지의 URL이 그대로 유지됨

2. 실행 위치:

- redirect: next.config.js, getServerSideProps에서 설정

- rewrite: `next.config.js`에서 설정

3. permanent

: redirect에서는 permanent 옵션을 이용하여 영구 사용페이지 여부를 조정함.

 

rewrite기능이 왜 있는지 이해가 안됐었지만,

rewrite는 URL에 명시되어 있는 API key나 parameter와 같은 정보를 숨길때 사용한다고 한다.

사용자가 볼 필요 없는 쿼리 데이터를 감출때 써야겠다.