axiosにフォーム要求形式のキー値を送信させてpostデータの例

キーの値を送りたいですが、応答処理が必要です。直接コードを入れてください。

npm install --save axios vue-axios qs

qsは必須のプラグインです。インストールが完了したら、main.jsにコードを挿入してください。

//  axios
import Qs from 'qs'
import axios from 'axios'
import VueAxios from 'vue-axios'
var axios_instance = axios.create({
 baseURL:'http://localhost',
 transformRequest: [function (data) {
  data = Qs.stringify(data);
  return data;
 }],
 headers:{'Content-Type':'application/x-www-form-urlencoded'}
})
Vue.use(VueAxios, axios_instance)

これで大成功です。vueモジュールではこのように使えます。

this.$http.post('url', {
  id:1
}).then(response => {
  console.log(response)
}).catch( error => {  
  console.log(error);
});

パラメータを使いやすい時には、パラmsというkeyを増やす必要もないということが分かります。パラメータオブジェクトを直接渡すだけでいいです。便利です。
以上のaxiosにフォーム要求形式のキー値を送信させました。ポストデータの例は、小編集が皆さんに共有している内容の全部です。参考にしてほしいです。どうぞよろしくお願いします。