使用async/await结合try/catch来实现调接口出现error的情况

简单的代码如下：

这种写法，适合展示这样的-报错   {"error":"操作有误，请清理后重试"}

 async removeUser(user) {
      try {
        await deleteUserAPI(user);
        this.$message.success(this.$t('code.msg'));
      } catch (error) {
        if (error.response && error.response.data) {
          this.$message.error(error.response.data.error);
        } else {
          this.$message.error('请求失败');
        }
      } finally {
        this.getUserList();
      }
    },
 

---

更详细的注解如下：

在这个例子中，我们定义了一个名为deleteUser的异步方法，它接受一个user对象作为参数。这个方法首先尝试调用deleteUserAPI(user)来删除用户。如果这个操作成功，它会打印一条成功消息。如果操作失败（例如，由于网络问题或服务器返回错误状态码），它会捕获错误并根据错误的类型打印不同的错误消息。最后，在finally块中，无论操作是否成功，都会调用this.getUserList()来更新用户列表。

class UserManager {
  // ...其他方法...

  async deleteUser(user) {
    try {
      // 尝试调用API来删除用户
      await deleteUserAPI(user);
      console.log('用户删除成功');
    } catch (error) {
      // 根据错误信息显示相应的错误消息
      if (error.response && error.response.status === 404) {
        console.error('用户不存在');
      } else if (error.response && error.response.status === 403) {
        console.error('没有权限删除该用户');
      } else {
        console.error('删除用户时发生未知错误');
      }
    } finally {
      // 无论成功还是失败，都会获取用户列表
      this.getUserList();
    }
  }

  async getUserList() {
    // 假设这里有获取用户列表的逻辑
  }
}

// 使用示例
const userManager = new UserManager();
userManager.deleteUser({ id: 123 });