在vue3中调接口不确定是否有返回值，用到‘?’处理防止后续调用函数方法出现错误

kana_yonk

已于 2024-12-02 09:51:41 修改

阅读量203

点赞数 1

文章标签：前端

于 2024-11-27 08:48:14 首次发布

本文链接：https://blog.youkuaiyun.com/kana_yonk/article/details/144062213

版权

在 Vue 3 中调用后端接口时，如果不确定是否有返回值，可以通过合理地处理异步请求和响应来实现优雅的后处理。以下是一个使用 Vue 3 和 Axios 的示例，展示如何处理这种情况。


    const fetchData = async () => {
      try {
        const response = await axios.get('https://接口地址/data');
        // 假设数据在 response.data 中
        data.value = response.data?.data ?? null; // 如果没有 data 属性，则设置为 null
      } catch (err) {
        error.value = err.message || '未知错误';
      } finally {
        loading.value = false;
      }
    };

更多关于 ‘ ? ‘ 的用法可以查看这篇文章：‌JavaScript中的问号（?）运算符主要的三种用法-优快云博客