乐趣区

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

退出移动版