[ Apollo] apolloClient nextjs 환경에서 'network-only' 가 작동하지 않는 현상 해결

[ Apollo] apolloClient nextjs 환경에서 network-only 가 작동하지 않는 현상 해결

 

apolloClient - nextjs 환경에서 network-only가 작동하지 않는 버그가 있는 것 같습니다.

 

이로인해 첫 request 이후, 캐쉬가 생기면 더 이상 request를 보내지 않게 되어 불편함이 발생합니다.

 

이를 해결하기 위한 방법을 알아보겠습니다.

 

> 서버사이드 환경과 클라이언트사이드 환경을 구분해 fetchPolicy를 설정합니다.

서버사이드 환경에서는 'network-only' 가 작동하지 않기 때문에 , 서버사이드 환경에서는 'no-cache' 를 적용하고

클라이언트사이드 환경에서는 'network-only'를 적용해 줍니다.

fetchPolicy: typeof window === 'undefined' ? 'no-cache' : 'network-only'