javascript - 几个 axios 请求后 HTTP 请求冻结几分钟

Question

我的 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：再次尝试后的附加图片

标签： javascriptvue.jsaxios