如何处理Axios-Vue中拒绝的网络::ERR\u CONNECTION\u。js公司

您可以在catch部分中尝试以下操作:

catch(error => {
        if (!error.response) {
            // network error
            this.errorStatus = 'Error: Network Error';
        } else {
            this.errorStatus = error.response.data.message;
        }
      })

您可以使用 :

axios.interceptors.response.use(
    response => {
        return response
    },
    error => {
        if (!error.response) {
            console.log("Please check your internet connection.");
        }

        return Promise.reject(error)
    }
)

你可以像这样验证自己 PanJunjie潘俊杰 建议,或利用图书馆 sindresorhus/is-reachable . 后者将是我的首选。

干杯

您应该进行与@chithra在 .then() 因为我在服务器关闭的情况下测试请求时遇到了一个奇怪的问题,“响应”看起来就像成功了一样。

此外,在 .然后() 使用 response.status 而不是 response.error

通过使用npm;JavaScript运行时环境节点的标准包管理器。js。

使用npm:

npm i axios

import axios from 'axios';

您需要在生命周期挂钩上调用它。在这里,我们将使用beforeCreated()生命周期挂钩,这是因为我们将能够检索敏感数据和使用beforeCreated挂钩活动的事件。

 data() {
return {
  network: false,
}; },
beforeCreate() {
axios
  .get("http://localhost:13172/api/product/getproducts")
  .then((response) => {
    console.log(response);
    this.network = true;
  })
  .catch((error) => {
    console.log(error), (this.network = false);
  }); }