Charles mock假数据

在后端接口未完成前,前端开发者如何利用Charles的mock功能模拟接口返回数据,以完成页面布局和功能测试。本文详细介绍配置步骤,包括确保手机和PC在同一网络下,设置手机代理,以及在Charles中映射本地JSON文件。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前端开发经常遇到自己逻辑写完了但是接口还没写好,还得等着接口,这时候就可以自己去造点假数据了。

一般后端先写完接口文档和前端定好数据结构才去写接口逻辑,

而在后端接口逻辑写完之前前端可能已经把前端的逻辑写好了,

需要相应的数据去铺页面,这时候我们就可以用Charles的mock功能在本地去模拟一些返回数据

配置如下:

1首先保证手机和pc在同一网络环境下

2手机添加代理,主机名:pc的ip,端口:charles配置的端口号,我一般为8888

3在charles中右键某个要添加的接口选择最下面的Map Local,情况Query那行,然后选择本地json文件就可以了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值