1.拷贝axios官网get案例,想获取接口数据在前台,结果出不来,官网代码如下

// 上面的请求也可以这样做
axios.get('/user', {
    params: {
      ID: 12345
    }
  })
  .then(function (response) {
    console.log(response); // 前台调试能够看到获取到数据了
    let value = response.data.success; // 获取数据放到前台
  })
  .catch(function (error) {
    console.log(error);
  });

2.解决方法使用async….await,async声明发放为异步方法,await等待异步操作执行完毕。

async function GetData() {

    let data;
    await axios.get(请求地址, { params: param }).then(res => {
        data = JSON.stringify(res.data.rows);
    }).catch(err => {
        console.log(err);
    });

    return data;
}

3.异步方法返回值为promise对象,接收时需要通过.then(res=>{})接受,值存在res中。

GetData().then(res => {

      console.log(res);
});

注意:then(function (response){})取不到值,要用then( res => {}) 

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐