vue使用axios 发送post请求的四种方法

//写法一 后端可以接收到,应该是json格式
 // export const requestLogin = params => { console.log(params); 
 //  return $axios.post(`http://192.168.0.105:5846/Home/TestData`,
 //   qs.stringify(params,{ indices: false }),
 // 	{  // 这里是跨域写法
 //    headers:{"Content-Type": "application/x-www-form-urlencoded;charset=utf-8",}  // 这里是跨域的写法
 //    }).then(res => res.data); };
//写法二这样的方式只能通过输入流获取对应的json格式,而request.form就会乱码
//  export const requestLogin = params => { console.log(params); 
//   return $axios({
//     method:'POST',
//     url:'http://192.168.0.105:5846/Home/TestData',
//     data:params,
//     transformRequest: [function (data) {
//             let ret = '{'
//             for (let it in data) {
//                 ret += ""+ encodeURIComponent(it) + ':' + encodeURIComponent(data[it]) + ','
//             }
//             ret+="}"
//             return ret
//         }],
//     headers:{'Content-Type': "application/x-www-form-urlencoded"}
// }).then(res => res.data); };
  //写法三后端获取不到参数
//    export const requestLogin = params => { console.log(params); 
//   return $axios.post('http://192.168.0.105:5846/Home/TestData',params,
    
//     // {headers:{'Access-Control-Allow-Origin': "*"}}
// ).then(res => res.data); };
//写法四官方写法 这种方式可以获取json格式
//    export const requestLogin = params => { console.log(params); 
//   return $axios({url:'http://192.168.0.105:5846/Home/TestData',
//   	method:'post',
//   	data:params,
//    headers:{'Content-Type': "application/x-www-form-urlencoded"}}
    
//     // {headers:{'Access-Control-Allow-Origin': "*"}}
// ).then(res => res.data); };


你可能感兴趣的:(vue+element)