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

最新推荐文章于 2025-05-23 09:56:46 发布

瘦瘦的小芝芝

最新推荐文章于 2025-05-23 09:56:46 发布

阅读量1.5w

点赞数 2

CC 4.0 BY-SA版权

分类专栏： vue+element

本文链接：https://blog.youkuaiyun.com/qq_14926871/article/details/80980679

本文详细介绍了在Vue.js中使用Axios库发送POST请求的四种不同方法，包括设置Content-Type头、qs.stringify处理参数、自定义transformRequest转换数据等，针对不同后端接收需求进行示例说明。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//写法一 后端可以接收到，应该是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/