[rails] axios/postで422 Unprocessable Entityエラー

CSRFトークンを発行せずにPOSTした際に弾かれる。

[log]

Can't verify CSRF token authenticity.
Completed 422 Unprocessable Entity

パラメータにトークンを付与する

import axios from 'axios';
axios.defaults.headers.common = {
    'X-Requested-With': 'XMLHttpRequest',
    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
};

他の対応

CSRFプロテクションを無効化して対応もできるがよくない。

[config/environments/development.rb]

Rails.application.configure do
    ︙
    config.action_controller.allow_forgery_protection = false
    ︙
end

参考

rails ajax 422 Unprocessable Entity

• Vue.js, axios, Railsでブログシステムの記事詳細ページにコメント機能を実装 – Qiita