axios常见请求传参方式

get请求

一般发送get请求传参是这么写

axios.get('/user?id=12345&name=user')
    .then(res => res)
    .catch(err => err)

为了方便全局统一调用封装的axios，一般这么写

// params参数必写 , 如果没有参数传{}也可以
axios.get('/user', {
    params: { 
       id: 12345，
       name: user
    }
})
    .then(res => res)
    .catch(err => err)

post/put/patch请求

1. 传参格式为formData

   // request的Header:'Content-Type'= 'multipart/form-data'
   
   var formData = new FormData();
   formData.append('user', 123456);
   formData.append('pass', 12345678);
     
   axios.post("/notice", formData)
       .then(res => res)
       .catch(err => err)
   

2. 传参格式为query 形式

   // request的Header:'Content-Type'= 'application/x-www-form-urlencoded'
   
   // 第一种情况：使用$qs.stringify
   import Qs from 'qs'   // 引入方式
   Vue.prototype.$qs = Qs  // 全局加载
   this.$qs.stringify(data);  // 使用方式
   this.$qs.parse(data);  // 使用方式
     
   var readyData = this.$qs.stringify({
       id: '1234',
       name: 'user'
   });
   axios.post("/notice", readyData)
       .then(res => res)
       .catch(err => err)
   

3. 传参格式为 raw （JSON格式）

   // request的Header:'Content-Type'= 'application/json;charset=UTF-8'
   
   // 1. axios将js对象序列化为JSON
   var readyData = {
       id: ‘1234’,
       name: ’user‘
   };
   axios.post("/notice", readyData)
       .then(res => res)
       .catch(err => err)
   
   // 2. 自己序列化
   var readyData = JSON.stringify({
       id: '1234',
       name: 'user'
   });
   axios.post("/notice",readyData)
       .then(res => res)
       .catch(err => err)