Axios传参的三种方式

最新推荐文章于 2024-08-03 17:05:14 发布

海洋️️

最新推荐文章于 2024-08-03 17:05:14 发布

阅读量5.8k

点赞数 3

分类专栏： vue js axios 文章标签： javascript 前端 vue.js 开发语言

本文链接：https://blog.csdn.net/weixin_59237016/article/details/124053822

版权

一：get请求

axios中常见的get/delete请求，也称作query请求：

//一般发送请求是这么写（不推荐）：
axios.get('/user?id=12345&name=user')
.then(function (res) {
    console.log(res);
}).catch(function (err) {
    console.log(err);
});

//但是为了方便全局统一调用封装的axios，我一般采用（推荐）
axios.get('/user', {  //params参数必写 , 如果没有参数传{}也可以
    params: {  
       id: 12345，
       name: user
    }
})
.then(function (res) {
    console.log(res);
})
.catch(function (err) {
    console.log(err);
});

二：post/put/patch请求

传参方式大致用的有3种
(1) ‘Content-Type’= ‘multipart/form-data’
传参格式为 formData
（全局请求头:‘Content-Type’= ‘application/x-www-form-urlencoded’）
（request的Header:‘Content-Type’= ‘multipart/form-data’）