vue3-http请求发出后，判断哪里出问题了

在请求后添加：

.catch(function (error) {
    if (error.response) {
      // 请求成功发出且服务器也响应了状态码，但状态代码超出了 2xx 的范围
      console.log("请求成功发出且服务器也响应了状态码，但状态代码超出了 2xx 的范围");
      console.log(error.response.data);
      console.log(error.response.status);
      console.log(error.response.headers);
    } else if (error.request) {
      // 请求已经成功发起，但没有收到响应
      // `error.request` 在浏览器中是 XMLHttpRequest 的实例，
      // 而在node.js中是 http.ClientRequest 的实例
      console.log("请求已经成功发起，但没有收到响应");
      console.log(error.request);
    } else {
      // 发送请求时出了点问题
      console.log("发送请求时出了点问题");
      console.log('Error', error.message);
    }
    console.log(error.config);
  });

然后根据控制台，返回的信息判断。

控制台：结果页面 -> 按F12 -> 点击控制台

例如，

    service.get('/trace/'+sourceSearchInput.value).then(res => {
      dialogSearchResult.value.push(res);   //返回对象，push进去 & vue3中 取变量值-》变量.value
      //console.log(res);
    }).catch(function (error) {
    if (error.response) {
      // 请求成功发出且服务器也响应了状态码，但状态代码超出了 2xx 的范围
      console.log("请求成功发出且服务器也响应了状态码，但状态代码超出了 2xx 的范围");
      console.log(error.response.data);
      console.log(error.response.status);
      console.log(error.response.headers);
    } else if (error.request) {
      // 请求已经成功发起，但没有收到响应
      // `error.request` 在浏览器中是 XMLHttpRequest 的实例，
      // 而在node.js中是 http.ClientRequest 的实例
      console.log("请求已经成功发起，但没有收到响应");
      console.log(error.request);
    } else {
      // 发送请求时出了点问题
      console.log("发送请求时出了点问题");
      console.log('Error', error.message);
    }
    console.log(error.config);
  });