zoukankan      html  css  js  c++  java
  • 接口处理请求时间过长,前台响应“服务器超时”的解决办法

    问题场景

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

    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);
    }
    });
    }
  • 相关阅读:
    Windows下memcache安装使用
    Linux 下memcache安装及使用
    C语言第五节scanf函数
    C语言第四节数据类型、常量、变量
    C语言第三节关键字、标识符、注释
    C语言第一节 C语言程序与开发工具
    快到而立之年了,可是能撑得起而立吗?
    idea-安装SequenceDiagram插件-生成时序图
    mysql中 查询一对多关系的时候,获取最新的一条
    判断多个时间段区间是否有重叠
  • 原文地址:https://www.cnblogs.com/lemoncool/p/10243871.html
Copyright © 2011-2022 走看看