Vue.js - 检测是否断开连接

Question

我有一个 Laravel / Vue.js 网站，我需要检测我们何时失去与服务器的连接并在前面显示警告。

但我找不到合适的方法来做到这一点。我看到我应该像那样使用 axios，但我不知道将它放在我的 vue 中的什么位置...

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

谢谢你的帮助

Answer 1

浏览器中有一个属性，onLine它是一个布尔值，可以告诉连接状态。

这里：navigator.onLine根据连接状态返回一个布尔值。

UPD：还有一些事件，比如HTMLElement.ononline和HTMLElement.onoffline.