発生した問題 Vue.jsの”axios.post”でデータ送信時、ステータスコード”419″が返される。 JavaScript let params = { name : 'bar', } axios.post('/foo', params) .then(function(response){ }) .catch(function(error){ }); 原因 CSRF対策の為のトークンが一致していない。 対処法 viewの何処かにトークンを出力し、そこからJavaScriptで取得してaxiosのヘッダーにセットする。 (viewに直接JavaScriptを書いているなら、CSRFを直接出力するよう書いても良い) Laravelに初期で入っている共通viewである”app.blade.php”を読み込んでいるならば、metaタグに出力されている。 View <!-- CSRF Toke