判断网络失败

接到产品需求，如果断网。就要有文案提示，我一开始就开始上网查vue如何监听网络失败的代码，

1.主要思路是用HTML5中的window.navigator对象的一个属性onLine
先在data中声明onLine: navigator.onLine,然后在你要触发的事件中加上

      window.addEventListener("online", function () {
        alert("网络连接恢复");
      });
      window.addEventListener("offline", function () {
         alert("网络连接出错");
      });

网上都是这样的 ，但是呢。有时候不生效

此时我当头棒喝

如果断网，服务连不上，接口不会有返回  这是不是就是网络失败的状况？？？？？？？

我就在代码这样写

showMsg是自己的封装的toast

这样就能解决问题了！判断服务 如果没有任何反应。。。。那就是请求失败了呀