1. 首页首页
  2. 科技前沿科技前沿

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

科技前沿 • • 阅读 39

Vue 接口调如何使用then()、finally()、catch()避免报错导致软件崩。1 接口方法 接口方法 async function getData const data await axios get http localhost 3000 adata return data 变量 let massage ref 接口调用 massage value

大家好，我是讯享网，很高兴认识大家。

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

小讯
上一篇 2025-01-10 13:29
下一篇 2025-02-15 16:14

相关推荐

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/52732.html