axios和后端交互时,参数需要写在body和query中同时写
网上写法axios.post('/api/xxx',{// post body},{params: {// query}})自己封装的写法对方法进行第一层封装export function add(FUNCTION, data, params) {return request({url: `api/${FUNCTION}`,method: 'post',data,params})}对方法进行第二
·
网上写法
axios.post('/api/xxx',{
// post body
},{
params: {
// query
}
})
自己封装的写法
对方法进行第一层封装
// 注意:这里的data和params都是固定写法,形参的变量名只能是这两个
export function add(FUNCTION, data, params) {
return request({
url: `api/${FUNCTION}`,
method: 'post',
data, // 相当于 data:data
params // 相当于 params:params
})
}
对方法进行第二层封装
add(data, params, funName) {
funName = funName || this.FUNCTION
return add(funName, data, params)
}
进行方法的调用
const mulSelArr=[
{id:1,name:'aaa'},
{id:2,name:'bbb'},
]
const params = {
baseId: this.rename.baseId,
newName: this.rename.newName
}
this.add(mulSelArr, params, '要调用的方法名').then(res => {
.... // 要执行的代码
}).catch(err => {
console.log(err)
})
vue传参------params和data的区别:https://blog.csdn.net/zxcvbbnn/article/details/108214295
【前后端联调】接口传参之data:{}和params:{}: https://blog.csdn.net/Allanwhy/article/details/89448175
更多推荐



所有评论(0)