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

为解决数据计算量过大导致的接口响应时间过长问题,本文介绍了一种接口拆分和异步处理的方法。通过将单一接口拆分为获取标识、轮询状态和查询结果三个部分,实现前端轮询和后端并行计算,有效提升了接口响应速度。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

数据计算量过大,接口响应时间过长时,网关会报超时,页面就挂了,没有很好的解决办法,所以采用了如下解决办法-
1.将原本的一个接口拆分为3个,三个接口异步操作。三个接口作用及描述如下:

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

    请求体:此次查询操作的查询条件
    返回体:唯一的加密后的唯一code

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

    请求体:接口1返回的code
    返回体:-1或0 -----0 数据未计算完成 1-数据已经计算完成并准备好

  • 接口3:查询

    请求体:接口1返回的code
    返回体:最终的查询结果
2.三个接口的执行顺序:

  1.  页面发起查询请求,首先调用接口1,获取code。
  2. code已返回,前端启用定时器,固定间隔调用接口2,直到接口2返回1,停止轮询,调用接口3,拿到返回数据,渲染页面。
  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);
        }
    });
}

复制代码

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值