Vue JS - 切断されているかどうかを検出する

私はLaravel/Vue JSのWebサイトを持っており、私たちがサーバーとの接続を失ったときを検出して、前面に警告を表示する必要があります。Vue JS - 切断されているかどうかを検出する

しかし、私はそれを行う適切な方法を見つけることができません。私はあなたの助けのために...

axios.request(options).catch(function(error) { 
      if (!error.response) { 
       // Connect 
      } else { 
       // Disconnect 
      }

おかげで、私はそのようなaxiosを使用する必要がありますが、私はどこVUEでこれを置くことを知っていないことがわかりましたonLineとして知られているブラウザでプロパティがあり

2017-12-12 Helo

接続状態を示すブール値です。

ここで：navigator.onLineは、接続ステータスに応じてブール値を返します。

UPD：またHTMLElement.ononlineとHTMLElement.onoffline.

のようないくつかのイベントが、これはSO、ここでお答えくださいがあります：detect change on navigator.online

2017-12-12 08:42:17

ニース、と私は、ウィンドウをクリックして、それぞれのイベントでこれらを使用することができますか？私がオンラインかどうかを連続的にテストするには？（私はパフォーマンスについて話します） – Helo

イベントに基づいているので、大したことではないので、ウィンドウ上でonclickを起動すると、 'navigator.onLine'の値を返すメソッドを設計できます。クリックのアプローチも可能です。 –

完璧、ありがとう – Helo

答えて