javascript - Vue.js - Detect if disconnected - Stack Overflow

admin管理员组

文章数量:1316974

I have an Laravel / Vue.js website and i need to detect when we lost the connection to the server and display an warning on the front.

But i can't find a proper way to do that. I saw that i should use axios like that but i don't know where to put this in my vue...

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

Thanks for your help

I have an Laravel / Vue.js website and i need to detect when we lost the connection to the server and display an warning on the front.

But i can't find a proper way to do that. I saw that i should use axios like that but i don't know where to put this in my vue...

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

Thanks for your help

• javascript
• vue.js
• vuejs2
• axios

Share Improve this question Follow edited Feb 24, 2019 at 6:18 Prashant Pimpale 10.7k1010 gold badges5050 silver badges8787 bronze badges asked Dec 12, 2017 at 8:39 HeloHelo 7111 silver badge99 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 8

There is a property in browsers known as onLine which is a boolean that tells the connection status.

Here: navigator.onLine returns a boolean according to the connection status.

UPD: Also there are some events like HTMLElement.ononline and HTMLElement.onoffline.

See this SO answer here: detect change on navigator.online

本文标签： javascriptVuejsDetect if disconnectedStack Overflow