axios 中 delete 申请传参办法
1. 开发环境 vue+axios
2. 电脑系统 windows10 专业版
3. 在使 vue+axios 开发的过程中, 咱们依据我的项目的需要可能会应用 axios 中的 delete 申请, 上面我来分享一下,delete 申请办法和传参。
4. 失常的写法, 代码如下:
this.$axios.delete('/api/chendelete',{
params: { // 申请参数拼接在 url 上
id: 12
}
}).then((res)=>{console.log(res);
})
4-1: 效果图如下:
5. 封装过的申请办法, 代码如下:
export function fetchDelete(url,param) {return new Promise((resolve, reject) => {
axios.delete(url,{params: { // 申请参数拼接在 url 上
param
}})
.then(response => {resolve(response);
}, err => {reject(err);
})
.catch((error) => {reject(error)
})
})
}
5-1. 在 vue 模板中应用:
let a:any={
"name":"111",
"pass":"000"
}
chenDelete(a).then((res)=>{console.log(res);
})
5-2. 效果图如下:
6. 本期的分享到了这里就完结啦, 是不是很 nice, 让咱们一起致力走向巅峰!