nuxt.js axios cookie send 문제 그래서 LocalStorage

대굴빡이 박살날 것 같다..
nuxt.js 에서 axios 로 cookie 전송에 대한 문제점에 대해서 이야기이다.

나의 서버 환경은 nuxt.js + laravel api 이다.
jwt 로 되어 있으며, nuxt auth 모듈을 사용함.

특정 페이지에서 설정 값을 기억하기 위해서, cookie 를 사용하려고 했다.
근데 일단, 서버측 cors 는 이미 API 때메 설정이 되어 있는 상태이다.

새로고침으로 asyncData로 호출했을때에는, cookie 값이 처음에 잘 전송된다. 그 이유는 nuxt-auth 모듈에 의해서 jwt가 살아있는지 체크하면서, 가지고 있는 쿠키값을 모두 전송하기 때문이였다.

하지만, 페이지 이동을 통해서 호출되는 asyncData에서는 axios 로 쿠키값이 전달되지 않았다.

뭐 이래저래, 찾아봤지만,, 잘 나오지 않았고 판단은 이러했다.
axios 에서 credentials: true, 옵션을 켜주고, cors에서도 'supportsCredentials' => false, 를 켜줘야한다.

자, 그래 여기까지 잘 왔다. 근데 이 다음이 문제다. nuxt cookie module 을 사용했는데, 이제 생성 도메인에 따라서 axios 가 보낼때 자기가 직접 걸러버린다.