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 returns 根据连接状态的布尔值。

UPD: 还有一些事件，例如 HTMLElement.ononline 和 HTMLElement.onoffline.

在此处查看此 SO 答案：detect change on navigator.online

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