Как установить timeout на запрос во vue.js?

@wilburn 

Для установки timeout на запрос во Vue.js можно использовать свойство timeout в объекте настроек запроса Axios.

1. Установите axios пакет с помощью npm или Yarn, если его еще нет:

1

npm install axios

или

1

yarn add axios

1. Импортируйте axios в компонент, где вы хотите отправить запрос:

1

import axios from 'axios';

1. Отправьте запрос с установленным таймаутом:

1
2
3
4
5
6
7
8
9

axios.get('/api/data', {
  timeout: 5000 // время ожидания в миллисекундах
})
.then(response => {
  // обработка успешного ответа
})
.catch(error => {
  // обработка ошибки
});

Теперь, при выполнении запроса, если сервер не ответит в течение указанного времени, будет сгенерировано исключение с ошибкой "Ошибка: время ожидания истекло".