关于axios:axios中delete请求传参方法

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,让咱们一起致力走向巅峰!

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理