More than 3 years have passed since last update.

【Laravel、Vue.js】GETリクエストでパラメータを指定できない

Posted at 2021-05-15

GETリクエストでaxiosのパラメータ指定をしようとしたが、パラメータを指定できなかった。

GETリクエスト

const response = await axios.get('/api/hoge', {
  // ここにパラメータを指定したいが、うまくいかない
  id: 12345
})

結論

getリクエストは第2引数にクエリパラメータをつけ、postリクエストは第2引数に送信するデータをつける。

GETリクエスト

const response = await axios.get('/api/hoge', {
  // ここに「params」というキー名でセットし、クエリパラメータを指定する
  params: {
    id: 12345
  }
})

POSTリクエスト

const response = await axios.post('/api/hoge', {
  id: 12345
})

POSTリクエストの場合は、HTML5のFormData APIを使用することもできる。

POSTリクエスト

const formData = new FormData()
formData.append('id', 12345)
const response = await axios.post('/api/hoge', formData)