Vue 接口调如何使用then()、finally()、catch()避免报错导致软件崩。

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方法中，再赋值出去