axios裡的post特別大的一個坑。

標籤：序列化   data   function   var   封裝   his   str   set   引入   

在jQuery中，ajax請求發送post很方便的，但是在vue項目中，引入jQuery就不再適合了。

var _this = thisvar data = {    filter:‘-_id‘}$.ajax({        url:‘http://localhost:3000/api/goods/get‘,        type:‘post‘,        data:data,        dataType:‘json‘,        success:function(res){          _this.msg =res.data        }      )

而在axios中的post請求要非常注意兩個地方：

要設定合適的要求標頭，一般採用x-www-form-urlencoded即可

發送的資料要序列化，特別注意啊，因為axios預設的格式是Request Payload。

axios.post(‘http://localhost:3000/api/goods/get‘,qs.stringify(data),{        headers: {            ‘Content-Type‘:‘application/x-www-form-urlencoded; charset=UTF-8‘          }      }).then(res=>{        _this.msg = res.data      },err =>{        console.log(err)      })

其中qs模組是一件封裝進axios模組裡了，

引入axios時同時引入qs即可。

如：

import axios from ‘axios‘import qs from ‘qs‘

　　

axios裡的post特別大的一個坑。