My Vue应用程序具有一个包含项目的仪表板,如果用户单击某个项目,则必须在后台的不同选项卡中加载几项内容,例如:注释,可编辑字段,元数据,输入选择。所有这些数据都需要从MySQL数据库中查询。
我的问题是,单击几(6)次之后,axios只会停止工作约4-5分钟。在4到5分钟后,它终于用数据响应了,但我不知道为什么会发生这种情况。
我曾尝试将setTimeout放在同时进行的一些axios请求上,但是经过6次尝试后仍然无法响应。
有人对此有解决方案吗?
编辑:
以下是当我单击某个项目时发生的请求的图片:
点击不同的项目6次后,它会停止工作4-5分钟
第五组请求仍然有效,然后当我第六次单击某个项目时,它就停止工作
以下是我提出的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:再次尝试后的其他图片
答案 0 :(得分:0)
您是否使用Apache来提供API?