接口处理请求时间过长,前台响应“服务器超时”的解决办法

问题场景

数据计算量过大,接口响应时间过长时,网关会报超时,页面就挂了,没有更好的解决办法,暂时采用了一个临时方案,步骤如下:

1.将原本的一个接口拆分为3个,三个接口异步操作。三个接口作用及描述如下:

接口1:获取本地异步操作的唯一标识-唯一且加密后的code值

  请求体:此次查询操作的查询条件

  返回体:唯一的加密后的唯一code

接口2:轮询此次查询的结果是否已计算并准备好

  请求体:接口1返回的code

  返回体:-1或0 -----0 数据未计算完成 1-数据已经计算完成并准备好

接口3:查询

  请求体:接口1返回的code

  返回体:最终的查询结果

2.三个接口的执行顺序:

  •  页面发起查询请求,首先调用接口1,获取code。
  • code已返回,前端启用定时器,固定间隔调用接口2,直到接口2返回1,停止轮询,调用接口3,拿到返回数据,渲染页面。
  • 前端开始调用接口2时,后端同时执行接口2和3 ,获取查询状态

3.大致代码如下:

复制代码
pollingFunctions () {
if (this.queryTimer) {
clearInterval(this.queryTimer);
}
let _this = this;
// 接口1-获取唯一标识code
functionA(copyParams).then(({ data, error }) => {
if (data) {
// 接口2-查询是否完成
_this.queryTimer = setInterval(function () {
functionB({ onlyCode: data }).then(({ data, error }) => {
if (data) { // 成功
if (data === '0') {
clearInterval(_this.queryTimer);
functionC(); // 接口3-查询
}
} else { // 失败
clearInterval(_this.queryTimer);
_this.$message.error(error.message);
}
});
}, 10000);
} else {
_this.$message.error(error.message);
}
});
}
复制代码
posted @   Lemoncool  阅读(45940)  评论(2编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律
点击右上角即可分享
微信分享提示