vue中怎么调用接口_vue 异步请求数据无法赋值

(68) 2024-05-22 08:01:01

1、接口方法

//接口方法
async function getData(){
      const data=await axios.get('http://localhost:3000/adata')
      return data;
};

//变量
let massage=ref();

//接口调用
massage.value=getData();

这样写,如果接口错误,或者后端数据库断开,等等,导致返回的data没有数据,调用getData赋值时,就会出错。

应该使用catch、then

//接口方法
async function getData(){
      const data=await axios.get('http://localhost:3000/adata')
      return data;
};

//变量
let massage=ref();

//接口调用
getData().catch(error=>{console.log(error)}).the(faly=>{
massage.value=faly;
});

注意:先使用catch 提前把错误打印出,如果有返回结果,则在then方法中,再赋值出去

THE END

发表回复