标签:Arr 请求 res 代理 whistle API 数据
在项目中,前后端通过API进行数据传输,这样就造成了很多很多需求很依赖后端提供的API,如果API数据提供得不及时,对于前端同学来说,无疑是非常难受的,那么如果暂时脱离后端进行本地模拟开发呢?
第一种方法是构造伪数据,比如前端使用get请求某项数据,必然会申请一个空间来存放请求到的数据,来看这样一个例子:
c_get('请求数据的functionId', data).then(res => {
let Arr = res.body ? res.body : [];
this.setState({ Arr });
}).catch(err => {
})
这里就是申请了Arr作为了数据的存储空间,如果对通过抓包查看确定该数据结构,既可以按照逻辑在本地修改Arr,项目在这里并不关心res的原始数据,他更关注的是Arr中的内容,因此可以利用这一点来制造伪数据。
这种方法虽然可行,但是在大型项目中,多个前端界面可能不是由一个人来开发,无论是简单的命名规则还是复杂的逻辑都会有所不同,如果按照第一种方法来,那么对于每一次请求,每一次存储都要进行一次构造伪数据,无疑是非常麻烦的,如果直接对所请求的数据进行操作,那么只需要操作一次即可,那就又回到了前面的问题,后端不是没有给提供接口吗?所以这里提供第二种方法,利用whistle进行接口代理。首先启动whistle,新建json文件,将需要代理的接口内容粘贴到本地的json文件中,注意要粘贴完整,复制该文件的路径,在左侧菜单栏选择Rules,右侧空白处首先输入接口URL,以functionId结尾,然后空格,粘贴json文件路径,保存,将rules对应的default打勾开启,启动项目,根据抓包请求确定请求是否请求,使用代理请求的数据记录是蓝色的,区别于其他的请求记录,当然也可以通过修改制定数据,再根据抓包内容来确定代理是否成功。
标签:Arr,请求,res,代理,whistle,API,数据 来源: https://blog.csdn.net/weixin_43353524/article/details/110367925
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。