[Nuxt.js] nuxt.config.js proxy module 설정 주의사항

문제발생

"/apis/services"페이지 클라이언트 단 웹브라우저 새로고침시 404 발생

 

router.js에 의해 클라이언트단 에서는 /apis/services에 대한 페이지 이동이 된다.

그러나 새로고침 시 nuxt로 요청이 날아오기 때문에 

nuxt.config.js의 proxy 설정에 의해 /api를 정규식으로 인식하는건지 /apis가 필터 되어버린다. 그래서 target으로 요청이 가게됨 그래서 계속 404가 발생하였던 문제

 

proxy의 "/api"를 "/api/"로 변경 후 정상동작 확인