微信扫一扫 分享朋友圈

已有 122 人浏览分享

开启左侧

接口请求报错 504 Gateway Time-out 怎么解决

[复制链接]
122 0
一、504 Gateway Time-out 原因?
因为浏览器访问接口请求,默认超时事件是1分钟,当遇到504接口超时,首先我们要看下 ajax接口请求是否设置了 timeout ,其次看下nginx是否设置了代理超时时间。

二、检查步骤
1.前端ajax设置
$.ajax({
  url: '',//接口地址
  type: 'post',//请求方式
  data: postData,//请求参数
  timeout: 1000*60*10,//设置超时时间为10分钟
  success: function(data){
    console.log(data)
  },
  complete:function(XHR,TextStatus){
    if(TextStatus=='timeout'){ //超时执行的程序
      console.log("请求超时!");
    }
  }
})
2.nginx代理超时设置
proxy_connect_timeout    600;
proxy_read_timeout       600;
proxy_send_timeout       600;
proxy_buffering    off;
proxy_buffer_size  128k;
proxy_buffers 100  128k;

三、问题扩展(原生js封装ajax请求)
因为当时使用jquery的ajax请求,接口统一定义的dataType:json,由于接口返回的文件流,导致成功success回调没有触发,又不想修改dataType,因此使用原生js 封装ajax请求。
getAjax(url,callback){
    var timeoutFlag=null;
    var xhr=new XMLHttpRequest();
    var url=""//请求路径,get请求可以把参数拼到地址里
    xhr.open(type,url,async);//type请求类型 url地址 async是否异步请求
    xhr.responseType='blob';//如果返回数据是文件流 可以设置为blob类型
    xhr.timeout=1000*60*60;//超时时间 此处设置的一小时
    xhr.setRequestHeader('token',token);//设置header token
    xhr.onreadystatechange=function(){
        if(xhr.readyState==4){
            window.clearTimeout(timeoutFlag);
            if(xhr.status==200 || xhr.status==304){
                callback(xhr.response);
            }
        }
    }
    xhr.send(data);//如果post请求 参数在此定义传递
    timeoutFlag=window.setTimeout(function(){//计时器,超时后处理
        window.clearTimeout(timeoutFlag);
        xhr.abort();
    },xhr.timeout);
}
//调用ajax
getAjax('URL',function(res){
   //逻辑处理
})

免责声明:
1,海欣资源网所发布的资源由网友上传和分享,不保证信息的正确性和完整性,且不对因信息的不正确或遗漏导致的任何损失或损害承担责任。
2,海欣资源网的资源来源于网友分享,仅限用于学习交流和测试研究目的,不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。
3,海欣资源网所发布的资源由网友上传和分享,版权争议与本站无关,您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。
4,如果您喜欢,请支持正版,购买正版,得到更好的正版服务,如有侵权,请联系我们删除并予以真诚的道歉,联系方式邮箱 haixinst@qq.com
海欣资源-企业信息化分享平台。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

0

关注

0

粉丝

56

主题
热度排行
回复排行
最新贴子

Archiver|手机版|小黑屋|海欣资源 ( 湘ICP备2021008090号-1 )|网站地图

GMT+8, 2022-10-6 12:50 , Gzip On, MemCache On.

免责声明:本站所发布的资源和文章均来自网络,仅限用于学习交流和测试研究目的,不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。 本站信息来自网络,版权争议与本站无关,您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。 如果您喜欢,请支持正版,购买正版,得到更好的正版服务,如有侵权,请联系我们删除并予以真诚的道歉。