企业官网建设流程全解析

茶叶公司网站的建设,聊城做网站推广哪家好,wordpress 菜单 跳转,重生做网站小说合理使用缓存#xff0c;避免重复请求// 通过缓存机制#xff0c;存储已经发出的请求结果#xff0c;如果同样的请求再次发起#xff0c; // 直接从缓存中获取数据#xff0c;而不是重新发请求。import axios from axios;// 缓存对象 const cache new Map避免重复请求// 通过缓存机制存储已经发出的请求结果如果同样的请求再次发起 // 直接从缓存中获取数据而不是重新发请求。 import axios from axios; // 缓存对象 const cache new Mapstring, any(); // 封装带缓存的请求函数 async function axiosWithCache(url: string): Promiseany { if (cache.has(url)) { console.log(从缓存中获取数据: ${url}); return cache.get(url); } console.log(发送网络请求: ${url}); const response await axios.get(url); // 将结果存入缓存 cache.set(url, response.data); return response.data; } // 使用示例 (async () { const url https://jsonplaceholder.typicode.com/todos/1; const result1 await axiosWithCache(url); // 第一次请求 console.log(result1); const result2 await axiosWithCache(url); // 从缓存获取 console.log(result2); })();使用 abortController 取消不再需要的请求。// 当用户离开页面或切换视图时取消掉未完成的请求以节省资源。 // 封装请求函数支持 AbortController import axios from axios; // 封装带取消功能的请求函数 async function axiosWithAbort(url: string, controller: AbortController): Promiseany { try { const response await axios.get(url, { signal: controller.signal, // 绑定 AbortController 的 signal }); return response.data; } catch (error: any) { if (axios.isCancel(error)) { console.log(请求已取消: ${url}); } else { console.error(请求失败, error); } throw error; } } // 使用示例 (async () { const controller new AbortController(); const url https://jsonplaceholder.typicode.com/todos/1; // 模拟请求 const fetchPromise axiosWithAbort(url, controller); // 模拟用户取消请求 setTimeout(() { controller.abort(); // 取消请求 }, 100); try { const result await fetchPromise; console.log(result); } catch (error) { console.log(请求未完成已被取消); } })();