クロスドメインでLaravelのAPIを呼び出すのにcsrf_tokenをAxiosにセットしたい

Question

こちらの質問をしたのですが、原因はoauth/tokenにアクセスするのに、csrf_tokenが必要なのではないかと思いました。

https://teratail.com/questions/205896

APIはLaravelでpassportを使って認証、フロントはVue.jsでAxiosを使っています。
フロントとバックエンドは切り分けられており、フロントはSPAになっています。
その場合に、Axiosにcsrf_tokenを設定する方法がわからず、教えていただきたいです。

import axios from 'axios'

const baseDomain = '***.com'
const baseURL = `https://${baseDomain}`

export default axios.create({
  baseURL: baseURL,
  headers: {
    'Content-Type': 'application/json',
    'Accept': 'application/json',
    'Access-Control-Allow-Origin': '*',
    'X-Requested-With': 'XMLHttpRequest',
    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
  }
})

以上のようなのを、海外のサイトなどで見たのですが、そもそもmetaタグにはcsrfトークンは入っていないので、どう受け取ったらいいのでしょうか？

Laravel側で、認証部分だけcsrfトークンの保護適用外にした方が良いですか？

Answer 1

CSRFトークンが必要な場合はHTTPステータス419で帰ってくるはずなので、まずは
本当にCSRFトークンが要求されているかを調べてみてはどうでしょうか