前端调用接口传参的几种方式

第一种：get方式
1.1 普通get 不需要传参 只有URL和method
export const getNotice = () => {
return axios({
url: ‘/web/v1/web/notice’,
method: ‘get’
})
}
1.2 get需要传参 使用data传参（params: data）
export const getTopInfo = (data) => {
return axios({
url: ‘/user/v1/account/topinfo’,
method: ‘get’,
params: data
})
}
1.3 get需要传参 使用url传参
export const deleteAssign = function (data) {
return axios({
url: ‘/web/v4/guildTask/autoAssign/’ + data.autoAssignId, // url传参
method: ‘get’
})
}
第二种：put方式
2.1 put需要传参 使用data传参（data）
export const edit = (data) => {
return axios({
url: ‘/datavolum/edit’,
method: ‘put’,
data
})
};
2.2 put需要传参 使用url传参
export const unBindThreeAccount = data => {
return axios({
url: ‘/user/v1/account/sso/social/Unbound?type=’ + data.type,
method: ‘put’
})
}
第三种：post方式
3.1 普通post 只有URL和method 不需要传参
export const sendAgree = () => {
return axios({
url: ‘/user/v1/user/changeSignature/audit’,
method: ‘post’
})
}
3.2 post 需要传参 使用data传参
export const refuseApply = (data) => {
return axios({
url: ‘/web/v4/guild/user/refuseApply’,
method: ‘post’,
data
})
}
3.3 post需要传参 使用URL传参
export const recoveryTask = data => {
return axios({
url: ‘/mark/v4/task/recovery?taskId=’ + data.taskId + ‘&taskBatchId=’ + data.taskBatchId + ‘&markModelId=’ + data.markModelId + ‘&id=’ + data.id,
method: ‘post’
})
}