VueJS/Nuxt

[VueJS] NuxtJS - Cannot set headers after they are sent to the client

SongMinu 2021. 3. 8. 21:32
728x90

ERROR Cannot set headers after they are sent to the client 

NuxtJS에서 API 요청 중 토큰이 만료되면 다시 토큰 재발급 후 했던 요청을 다시 보내는 걸 만드는 중에 발생했던 에러인데.

웹 상에선 에러가 찍히는 것 없이 잘 되는데.

서버쪽에서는 계속 이게 찍히는 게 보기 싫어서 계속 원인을 찾았었다.

 

내가 소스를 잘못 짜서 axios 요청이 연속해서 2번 날리면서 발생한 에러였다.

 

만약 본인이 짠 소스에서 이런 에러가 발생하면

소스 흐름을 잘 본 다음에 axios같이 뭔가 요청을 연속해서 2번을 날리는 게 있는지 찾아보길 바란다...

 

내가 했던 소스에서는 axios요청을 인터셉트하는 곳에서 재발급하는 소스랑

내비게이션 가드 처리하는 소스에서 토큰이 재발급을 해야 하는 로직이 탈 때 재발급하는 소스

이 두 곳에서 중첩이 되어 발생했었다.

 

반응형