nuxt.js axiosでのcookie送信問題、それでLocalStorage
頭がぶっ壊れそうだ……\ nuxt.jsでaxiosを使ってcookieを送信する際の問題についての話だ。 私のサーバー環境はnuxt.js + laravel apiだ。\ jwtを使っており、nuxt authモジュールを使用している。 特定のページで設定値を記憶するために、cookieを使おうとした。\ ところが
頭がぶっ壊れそうだ……
nuxt.jsでaxiosを使ってcookieを送信する際の問題についての話だ。
私のサーバー環境はnuxt.js + laravel apiだ。
jwtを使っており、nuxt authモジュールを使用している。
特定のページで設定値を記憶するために、cookieを使おうとした。
ところがまず、サーバー側のcorsはすでにAPIのために設定済みだった。
ページを再読み込みしてasyncDataで呼び出したときは、最初にcookie値がちゃんと送信される。その理由はnuxt-authモジュールがjwtが有効かどうかをチェックしながら、保持しているcookie値をすべて送信するからだった。
しかし、ページ遷移によって呼び出されるasyncDataでは、axiosにcookie値が渡されなかった。
あれこれ調べてみたが、うまく見つからず、こう判断した。
axiosでcredentials: true, オプションを有効にし、cors側でも 'supportsCredentials' => false, を設定しなければならない。
よし、ここまでは順調に来た。ところがこの次が問題だ。nuxt cookie moduleを使ったのだが、今度はcookieが作成されたドメインに応じて、axiosが送信時に自分でフィルタリングしてしまう。