В приложении My Vue есть панель инструментов с элементами, где, если пользователь нажимает на элемент, на разных вкладках в фоновом режиме необходимо загрузить несколько вещей, например: комментарии, редактируемые поля, метаданные, варианты ввода. Все эти данные должны быть запрошены из базы данных MySQL.
Моя проблема в том, что после нескольких (6) щелчков axios просто перестает работать на 4-5 минут. Через 4-5 минут он наконец отвечает данными, но я не могу выяснить, почему это происходит.
Я попытался поместить setTimeout в некоторые из запросов axios, которые выполняются одновременно, но он все равно перестает отвечать после 6 рабочих попыток.
У кого-нибудь есть решение для этого?
Редактировать:
Вот изображение запросов, которые происходят, когда я нажимаю на элемент, например:
После того, как я 6 раз щелкну по разным предметам, он перестанет работать на 4-5 минут
5-й набор запросов все еще работает, а затем, когда я щелкаю элемент в 6-й раз, он просто перестает работать
Вот пример одного из запросов axios, которые я делаю:
try {
const rowResponse = await axios.get(`${process.env.SERVER_URL}/get_company_info?company=${company}&directory=${selected_file}`)
console.log('metadata response:', rowResponse)
const values = rowResponse.data[0]
for (let key in values) {
this.$set(this.input, key, values[key])
}
return true
} catch (error) {
console.error(error)
alert(error.message)
}
Редактировать 2: Вот изображение вкладки сети в моем DevTools
Редактировать 3: дополнительное изображение после очередной попытки
