next.js 프록시 적용 이후 동적 라우팅이 안될 때

키워드 : next.js, proxy , dynamic route (url)

프로젝트 중

위와 같이 동적 라우팅을 했을 때 적용이 되지 않고 403이 뜨는 이유가 있었다.

이유는 프록시 적용 때문이었으며

 

답은 공식문서에 나와있었다 다이나믹 라우팅을 프록시 주소가 아닌 프론트단 주소에 적용하고 싶다면 

next.config.js 폴더 안에 

rewrite 함수 리턴을 위와 같이 fallback을 명시하여 재작성 해주면 된다.