vue项目axios请求使用async解决异步问题

Question

有两个方法：一个是

  handleGetTable(id){
        let pa = {
          id: id
        };
        api.getTable(pa).then(res => {
          if(res.data.code === 200){
            return new Promise((resolve,reject) => { resolve(res.data.data)})
          }})
      },

其中api.getTable是axios的集中管理的一个请求；现在想在另一个方法中等待此方法返回结果之后再发送请求

async getSqlSentence(id){
        // 工单ID
        let pa = {
          id: id
        };
        let s = await this.handleGetTable(id);
        console.log(s, 'ssssssssssss')
        kursk.getSqlSentence(pa).then(res => {
          if(res.data.code === 200){}
        })
      },

但是上面的写法好像行不通？ 请求应该怎么使用async方法？

Answer 1

api.getTable(pa)的返回就是一个promise 所以你可以直接调用

async getSqlSentence() {
    const res1 = await api.getTable(pa)
    const res2 = kursk.getSqlSentence(pa).then(res => {
        if(res.data.code === 200){}
    })
}

code是不是200的判断你可以在interceptor里做

Answer 2

你的handleGetTable什么都没返回，自然都看不到结果了。

Answer 3

async handleGetTable(id){
        let pa = {
          id: id
        };
       return await api.getTable(pa)
      },

Answer 4

handleGetTable(id){
        let pa = {
          id: id
        };
        return api.getTable(pa).then(res => {
          if(res.data.code === 200){
            return new Promise((resolve,reject) => { resolve(res.data.data)})
          }})
      },

Answer 5

handleGetTable(id){
        let pa = {
          id: id
        };
        new Promise((resolve,reject) => {
            api.getTable(pa).then(res => {
              if(res.data.code === 200){
                return resolve(res.data.data)
              }})
        })
      },

这样就好了~~~