Timeout-Funktion in den axios-Bibliothek funktioniert nicht

Habe ich axios.defaults.timeout = 1000;

Hörte ich die server, die mich mit den APIs.

Aber es braucht mehr als 1s timeout nach dem senden einer Anfrage.

Dies ist, wie meine Anfrage:

import axios from 'axios';
axios.defaults.timeout = 1000;

return axios.post(`${ROOT_URL}/login/${role}`, creds).then((response) => {
      console.log(response);

        if(response.status === 200) {
          //If login was successful, set the token in local storage
          localStorage.setItem(`${role}_log_toks`, JSON.stringify(response.data));

          //Dispatch the success action
          dispatch(receiveLogin(response.data));

          return response;
        }
      }).catch(err => {
        console.log(err);
        //If there was a problem, we want to
        //dispatch the error condition
        if(err.data && err.status === 404) {
          dispatch(loginError(err.data));
        } else {
          dispatch(loginError('Please check your network connection and try again.'));
        }

        return err;
      });

Habe ich auch schon versucht:

return axios.post(`${ROOT_URL}/login/${role}`, creds, {timeout: 1000}).then...

Axios nicht aufhören zu Holen und nach 5 - 10 Minuten schließlich zeigt Netzwerk-Fehler. Ich verstehe, dass es andere Techniken zu behandeln timeout, aber warum nicht die timeout-Funktion in der axios Arbeit? Was könnte der Grund sein, dass axios nicht aufhören zu Holen?

Axios version 0.9.1

EDIT:
Wie bereits erwähnt in den Kommentaren, habe ich auch schon versucht:

import axios from 'axios';

const httpClient = axios.create();

httpClient.defaults.timeout = 500;

return httpClient.post(`${ROOT_URL}/login/${role}`, creds)
  .then(handleResponse)

InformationsquelleAutor rash.tay | 2016-04-18

12

Müssen Sie erstellen eine Instanz des axios http-client:
```
const httpClient = axios.create();
httpClient.defaults.timeout = 500;
```
Dann können Sie die httpClient wie folgt:
```
return httpClient.post(`${ROOT_URL}/login/${role}`, creds)
  .then(handleResponse)
```
On a side note können Sie auch die Basis-url in der gleichen config statt mit ${ROOT_URL}:
```
httpClient.defaults.baseURL = ROOT_URL
```
- 1. Ich denke, dass Sie zurückkehren wollen httpClient.post(${ROOT_URL}/login/${role}, creds) 2. Versucht dies auch. Hat nicht funktioniert. 3. Derzeit bin ich durch eine Technik, genannt von mislav hier: github.com/github/fetch/issues/175 Funktioniert wie ein Charme, aber ich wollte das timeout zur Verfügung gestellt von axios zu arbeiten.
- Ich bin mir nicht sicher, warum das nicht für Sie arbeiten. Welche version von axios verwenden Sie? Können Sie Ihre require / import Aussagen und axios Initialisierung code oben?
- Ich habe Ihre Vorschläge.
InformationsquelleAutor Clarkie

Dieser code funktioniert bei mir:

axios({
  method: "post",
  url: 'http://example.com/api',
  timeout: 1000 * 5, //Wait for 5 seconds
  headers: {
    "Content-Type": "application/json"
  },
  data: {
    id: 1234
  }
})
  .then(response => {
    const serverResponse = response.data;
    //do sth ...
  })
  .catch(error => {
    console.log(error);
});

Wenn der server reagiert nicht in 5 Sekunden geht es in catch-block.

Dies ist auch sinnvoll: #1503

InformationsquelleAutor Ali Radmanesh

4

Aus diesem axios Problem (Dank zhuyifan2013 für die Angabe der Lösung), habe ich gefunden, dass axios timeout ist response timeout nicht connection timeout.

Lassen Sie sagen, Sie haben angefordert die URL, über axios und server dauert lange Zeit, um zu reagieren, in diesem Fall die axios timeout arbeiten.

Aber Sie nicht internet-Verbindung haben oder die IP-Adresse oder den Domänennamen aus, den Sie anfordern, nicht da, in diesem Fall axios timeout wird nicht funktionieren.

Hast du den folgenden code verwenden
```
  let source = CancelToken.source();
  setTimeout(() => {
    source.cancel();
    //Timeout Logic
  }, 10000);

  axios.get(ip + '/config', {cancelToken: source.token}).then((result) => {
    //Handle your response
  });
```
Bitte beachten Sie, dass wenn Sie schon gültig Verbindung, noch die Timeout-Logik block wird ausgeführt.

InformationsquelleAutor arthankamal
0
```
submitHashtag = async () => {
  const data = await axios.post('/pwa/basics.php',  {
    withCredentials: true,//if user login
    timeout: 30000
  })
  if (!data) {
    //action here
    alert('reload window')
    return
  }
 }
```
- Während dieser Zusammenhang kann eine Antwort auf die Frage, ist es besser, die wesentlichen Teile der Antwort hier und den link zur Referenz. Link-nur Antworten können ungültig werden, wenn die verlinkten Seite ändert. - Nach Bewertung
- bitte Lesen Sie genauer. Dies ist auch eine Antwort
- ja, es perfekt in mein Projekt
InformationsquelleAutor Naved Khan

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.