More than 5 years have passed since last update.

【解決策】axiosでPOSTがGETになってしまう

Last updated at 2019-08-16Posted at 2019-08-16

概要

以下のようにaxiosを使ってPOSTしようとすると、GETメソッドが走って404エラーが出てしまいました。

axios({
  method: image.id ? 'PUT' : 'POST',
  url: `/hoge/${image.id}`
})

どうやらURLの末尾に/（スラッシュ）が付いていると、POSTしようとしてもGETメソッドが走ってしまう~~不具合があるようです。~~

【追記: 2019年8月16日】
不具合ではなくスラッシュがないURLにリダイレクトしようとしているだけでした。コメントでのご指摘ありがとうございました。

今回の例だと、POSTメソッドのときはimage.idがnullなので、URLが/hoge/となっていたんですね。

じゃあ末尾スラッシュをなくせばええやん！ということでコードをサクッと直し解決しました。

let url = '/hoge'
if (model.id) url += `/${image.id}`
axios({
  method: image.id ? 'PUT' : 'POST',
  url: url
})