前端 ajax 请求的优雅方案
本文 先讲个故事类似 axios.get('/user/12345') .then((response) => { console.log(response); }) .catch((error) => { console.log(error); }); 数据在 { "date": "2017-12-14 15:21:38","success": true,"obj": { ... },"version": "V1.0" } 所以, 突然有一天,后端说,“ 如果,后端再说,“我又改回对象了,你撤销之前的处理吧~”。。。 后来的我们
要解除上述苦恼,我们需要对所有的接口请求做统一的封装。如此一来,就算后端改来改去,我们只需修改一个地方甚至不用修改! const apiService = new Proxy(axios,{ get (target,propKey,receiver) { return function (...args) { return target[propKey](...args) .then((res) => { const resData = typeof res.data === 'string' ? JSON.parse(res.data) : res.data; return typeof resData.obj === 'string' ? JSON.parse(resData.obj) : resData.obj; }) .catch((err) => { throw err; }); } } }); 对应的接口请求部分改为: apiService.get('/user/12345') .then((data) => { console.log(data); }) .catch((error) => { console.log(error); }); “你随便改,我改一下算我输!” (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |