前提
laravelとNuxtを利用したwebページを作成しています。
IP直接のアクセスは問題無かったのですが、ec2でドメインを設定してから419エラーと睨み続けています。
実現したいこと
ログインAPIの呼び出し、ログインの成功
本項はトップページでemail、passwordを入力しsubmitを実行した後の内容となります。
発生している問題・エラーメッセージ
POST http://1.234.567.89:8080/login 419 (unknown status) Error: Request failed with status code 419 message: "CSRF token mismatch."
該当のソースコード
js
1// index.vue methodsの一部分です 2 3await this.$store.dispatch('auth/login', { 4 email: this.email, 5 password: this.password, 6 7 }).then(response => { 8 //色々な処理 9 })
js
1// auth.js 2 export const actions = { 3 async login({ commit }, { email, password }) { 4 5 await this.$axios.get('/sanctum/csrf-cookie').then(async (res) => { 6 try { 7 const response = await this.$axios.$post('/login', { email, password }) 8 //↑ここで落ちます 9 10 } catch (error) { 11 // 色々な処理 12 return 13 } 14 }).catch((err) => { 15 16 })
試したこと
・取得したドメインにhttpでアクセスしています。画面(Nuxt)の表示はされています。
・ドメインではなくIP直でアクセスしたらCSRF token mismatchが発生しませんでした。
・nuxt.config.jsではbaseURL: 'http://1.234.567.89:8080'のように設定しています
・laravel/config/session.phpのdomainは 'domain' => '1.234.567.89' としています。
・これら「1.234.567.89」をドメイン名に変更したりしましたが、上手くいきませんでした。
・auth.jsにてemail, passwordは中身が確認できています。誤入力されていない事も確認済です。
ドメインではいけずにIPではいける状態・・・?となり、
根本的に呼び出せていない、DBの問題なども考えましたが、手前で実行している
js
1// index.js 2 const response = this.$axios('/api/getUser').catch(err => { 3 console.log(err) 4 return 5 })
これはドメインからのアクセスでも正常に動作している事を確認しています。
そのため、laravel/routes/のapi.phpは呼び出せているのにweb.phpは呼び出せていないのか?という推測に致しました。的外れでしたら申し訳ございません。
何かご助言頂けますと幸甚に存じます。何卒宜しくお願い致します。

バッドをするには、ログインかつ
こちらの条件を満たす必要があります。