vue中axios的同步机制Demo

原创

已于 2022-05-27 01:51:11 修改 · 405 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #typescript #axios #异步请求同步化

于 2022-05-27 01:14:27 首次发布

Vue中axios异步请求的同步化Demo

错误写法Demo：没有将await返回的结果继续return

//用async进行异步函数声明，在需要同步化的函数调用前添加await关键字
async fun() {
   
   
    const res = await this.req(url,params)
    console.log("请求响应结果->", res)
},

async req(url,params) {
   
   
//此处应将then或者cathc中return的结果再作为axios的结果进行返回，如果没有返回，则调用req的函数接受不到返回值，打印结果为undefinded
//正确写法对应Demo-v1或者Demo-v2
     await axios({
   
   
         method: "post",
         url: url
         params: params
     }).then(res => {
   
   
         return res.data
     }).catch(err => {
   
   
         console.<