Axiosアップデートでaxioserror: request failed with status code 419

はじめに

LaravelをAPIにしてフロントをNext.jsで開発しているサービスで、Axiosを1.6.0へアップデートしたところ、419エラーが発生。

原因

AxiosでXSRFの脆弱性が発見され、修正された1.6.0バージョンではwithCredentialsオプションでトークンが自動送信されなくなった？

解決法

• Axiosを1.6.2にアップデートする
• withXSRFTokenオプションを有効にする

例えば以下のように追加する。

import Axios from 'axios'

const axios = Axios.create({
    baseURL: process.env.NEXT_PUBLIC_BACKEND_URL,
    headers: {
        'X-Requested-With': 'XMLHttpRequest',
    },
    withCredentials: true,
    withXSRFToken: true, // これを追加
})

export default axios

参考