下面是我的连接请求代码:

doLogin(this.login).then(response => {
        var token = response.data.token;
        localStorage.setItem('AUTH_TOKEN', JSON.stringify(token));
        this.$router.push({name: 'Devices'});
        });
      }).catch(error => {
        console.log(error.response.data.message);
      });

catch()部分适用于http错误(比如400404403等等).但当我的服务器离线时,这个脚本只会抛出net::ERR_CONNECTION_REFUSED.有没有办法处理此错误并让前端用户知道服务器当前处于脱机状态.?

这里是doLogin()函数以防万一,

function doLogin(data) {
  const url   = 'http://localhost:3000/authenticate';
  return axios.post(url,data);
}

推荐答案

你可以在catch部分试试这个:

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

Vue.js相关问答推荐

vue3中的转换可以在滑入但不能滑出时工作

Vuetify 2中自定义标头的排序和筛选

Vue 3 需要 main.js 中的文件

通过元素加中的正则表达式输入电话号码格式

两个div元素之间的vue2过渡

使用 Vue.js 将文件输入绑定到按钮

正确实现 Vue.js + DataTables

全局方法和实例方法有什么区别?

将数据传递给另一条路由上的组件

命名空间模块身份验证的重复命名空间身份验证

如何让 Vue (vue cli 3) 正确处理 GraphQL 文件?

错误:Node Sass 尚不支持您当前的环境:Linux 64-bit with Unsupported runtime (88)

如何突出显示 Vuetify 菜单中的选定项目?

动态更改我的 Vue.js SPA 主题的最佳方式?

vue-router如何持久化导航栏?

VueJS 2 在多个组件上debounce

Vue js在列表中添加动态字段,删除和排序不起作用

根据nuxt中的url参数动态加载组件

Vue.js 无法读取 null 的属性 length长度

Vuex 模块Mutations