miyohideの日記

技術的なメモなどを記しています

2023年3月20日(月)RailsアプリでJavaScript/axiosを使ってpostリクエストを投げる

RailsアプリでJavaScript/axiosを使ってpostリクエストを投げる

axiosを使ってpostリクエストを投げる場合、CSRFトークンも一緒に投げる必要がある。Railsの場合はmetaタグ内に書かれているので以下のように取得して、

const csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content');

あとはpostリクエストを投げる。

axios.put('URL', {
  更新する項目: 更新値
}, {
  headers: {
    'X-CSRF-Token' : csrfToken
  }
});

参考。

qiita.com