fetch设置请求超时

常规封装 fetch

// 封装fetch
let POST = function(url, params) {const URLS = baseURL + url;return fetch(URLS, {method: "POST",// body: params,body: params,headers: {Accept: "application/json","Content-Type": "application/x-www-form-urlencoded",// "Content-Type": "application/json",// token: JSON.parse(sessionStorage.getItem("token"))},mode: "cors", // 以CORS的形式跨域cache: "force-cache"}).then(data => {return data.json();}).then(ret => {if (ret.code != 0) {return { code: ret.code, msg: ret.message };} else {return ret;}});
};

单独设置超时

 // 请求超时
function advertisement(data) {return Promise.race([// 常规封装 fetchfetch.POST('URL', data),new Promise((resovle,reject) => {setTimeout(() => {reject(new Error('请求超时'));},30000)})]).then(res => {return res.data; // 请求成功}).catch(err => {console.log(err) // 请求超时})
}

封装设置超时

let POST = function(url, params) {const URLS = baseURL + url;return Promise.race([fetch(URLS, {method: "POST",// body: params,body: params,headers: {Accept: "application/json","Content-Type": "application/x-www-form-urlencoded",// "Content-Type": "application/json",// token: JSON.parse(sessionStorage.getItem("token"))},mode: "cors", // 以CORS的形式跨域cache: "force-cache"})new Promise((resovle,reject) => {setTimeout(() => {reject(new Error('请求超时'));},10000)})]).then(res => {  // 请求成功if (ret.code != 0) {return { code: ret.code, msg: ret.message };} else {return ret;}}).catch(err => { // 请求超时console.log(err)})
};

fetch设置请求超时相关推荐

微信小程序设置请求超时wx.request等，简单易懂！
微信小程序设置请求超时wx.request等一.用到的方法: 个人理解,比较粗糙看不懂可以百度一下具体用法 new Promise:new了一个函数或者方法,可以被Promise.race等方法调 ...
Android okhttp3使用实例，OKhttp设置请求超时时间，okgo使用demo
1.导入OKhttp依赖 compile 'com.squareup.okhttp3:okhttp:3.4.1' 2.创建请求工具类三个工具类 /*** 作者:created by meixi* 邮 ...
HttpClient设置请求超时
前言最近,我无疑间看到同事提交到git上的httpclient调用第三方服务设置超时代码,发现有趣的一件事.项目中引用的httpclient版本是4.4.5版本,结果同事为了设置超时,在项目的pom ...
springboot设置请求超时
首先超时不只一种,是接口超时,还是restTemplate超时. 接口超时: 别人访问该项目 restTemplate(或httpClient)超时: 该项目请求其他地址 restTemplate超时 ...
jquery $.get和$.post设置请求超时error处理
.get和.get和.get和.post设置 //设置全局超时 $.ajaxSettings.timeout='3000'; $.post(url,{"sessionId":ses ...
Linux下CURL设置请求超时时间
使用CURL时,有两个超时时间:一个是连接超时时间,另一个是数据传输的最大允许时间. 连接超时时间用--connect-timeout参数来指定,数据传输的最大允许时间用-m参数来指定. 例如: cu ...
http 请求超时时间设置
HttpParams params = new BasicHttpParams(); //设置连接超时时间 Integer CONNECTION_TIMEOUT = 2 * 1000; //设置请求超 ...
ASP.NET Core MVC请求超时设置解决方案
设置请求超时解决方案当进行数据导入时,若导入数据比较大时此时在ASP.NET Core MVC会出现502 bad gateway请求超时情况(目前对于版本1.1有效,2.0未知),此时我们需要在项 ...
axios请求失败重新发起请求_vue axios请求超时,设置重新请求的完美解决方法
//在main.js设置全局的请求次数,请求的间隙 axios.defaults.retry = 4; axios.defaults.retryDelay = 1000; axios.intercep ...

fetch设置请求超时

fetch设置请求超时相关推荐

最新文章

热门文章