react中使用charles实现本地数据mock

首先下载charles软件地址，更详细的使用方法都包含在操作文档里，包含汉化版补丁（下载后查看）

链接：https://pan.baidu.com/s/1Q5rMbcX0Wus7AwdGUWa-Wg

提取码：mkgt

如何利用charles来mock呢？首先我们要新建一个json文件来写我们的json数据

1.点击菜单栏中的工具

2.点击本地映射

3.勾选启用本地映射

4.点击添加

5.协议(http) => 主机(localhost) => 端口(当前本地端口号) => 路径(/api/lala) => 点击选择，选择自己创建的json文件 => 点击确定

6.ajax请求/api/lala接口，就可以返回数据了

大家学会了吗？

转载于:https://www.cnblogs.com/lanshu123/p/10628965.html

react中使用charles实现本地数据mock相关推荐

react网格生成_如何在React中构建实时可编辑数据网格
react网格生成 by Peter Mbanugo 彼得·姆巴努戈(Peter Mbanugo) 如何在React中构建实时可编辑数据网格 (How to Build a Real-time Edi ...
react 组件怎么公用_在React中的组件之间共享数据
我正在开发使用Meteor和React作为视图引擎的应用程序考虑下图: 当触发C4按钮单击事件时,我需要更改C2组件状态.由于他们没有直接关系,因此我无法直接从C4进入C2状态. 另一个示例是从Co ...
在React中获取数据
React初学者经常从不需要获取数据的应用开始.他们经常面临一个计数器,任务列表获取井字棋游戏应用.这是很好的,因为在开始学习React的时候,数据获取在你的应用中添加了另一层复杂度. 然而,有些时候 ...
this指向、数据双向流、传递参数、JSX中循环、React中样式、路由、引入资源的其它方式、create-react-app脚手架、事件处理、获取数据、UI框架推荐、pc桌面应用electronjs
改变this指向的几种方式: //1.使用箭头函数代替原始函数写法:getState=()=>{}//2.在函数调用时给函数名加bind(this)方法:(bind中第一个参数表示修改this指 ...
前端MVVM模式及其在Vue和React中的体现
MVVM相关概念 1) MVVM典型特点是有四个概念:Model.View.ViewModel.绑定器.MVVM可以是单向绑定也可以是双向绑定甚至是不绑定 2) 绑定器:声明性的数据和命令,存在于Vi ...
layui 自定义request_layui中使用自定义数据格式对数据表格进行渲染
1.引入 2.页面代码编辑删除 layui.use('table', function(){ var table = layui.table; table.render({ elem: '[lay ...
label-studio批量上传本地数据
前言 Label Studio是一个非常好用的开源数据标注工具,拥有对包括音频.文本.图片.视频和时间序列等各种数据类型的标注能力,有简单易用的UI设计和多导出格式的支持,能够有利于数据准备和利用已有 ...
React中标签字符串强制转html解析的方法
React中标签字符串强制转html解析的方法遇到的问题:在React中我们经常会请求数据并渲染到页面中间显示,我们可以直接使用更新state的方法,并使用tihs.state.(data)的方法进 ...
React基础-React中发送Ajax请求以及Mock数据
前言在 React 中, render 函数返回的结果,取决于组件的 props 和 state 我们都知道 UI 页面上的数据不是写死的,往往是从后端的数据接口中拿到的然后将真实的数据填充到页面 ...

react中使用charles实现本地数据mock

react中使用charles实现本地数据mock相关推荐

最新文章

热门文章