GraphQL

GraphQLLaravelJWT2022年3月16日

GraphQL と Laravel で JWT を使おうとしたらハマったお話

何時間もハマったので共有したくてメモしました。あとから考えると、CORSを全然理解できていなかったのがハマった原因でした。理解している自信ないけどまあ開発できてるし、、、みたいなものはちゃんと勉強しておかないですね。利用言語とオリジンはこんな感じですフロント利用言語：Vue（Nuxt）、GraphQL オリジン：https://xxx.posse-ap.com/ バックエンド利用言語：PHP（Laravel）オリジン：https://api.xxx.posse-ap.com/ フロントとバックエンドのオリジンが異なるので、CORSを意識した実装が必要になりますね JWTのトークン取得からローカルストレージへの保存は問題なく実装できて、ブラウザのローカルストレージに保管してあるJWTを、ヘッダーに詰めてバックエンドにリクエスト投げるところで問題が出ました。実装は以下のようにしました const authMiddleware = new ApolloLink((operation, forward) => { // add the authorizatio