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.