Charles实现本地数据mock，接口报404

最新推荐文章于 2025-03-17 17:21:52 发布
最新推荐文章于 2025-03-17 17:21:52 发布
阅读量4.2k 收藏 8
点赞数 8
分类专栏： 问题解决记录
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_35419734/article/details/89210197
版权

1.设置Charles菜单栏tools中的Map Local

2.add一条Mapping

切记：不要用localhost，用localhost.charlesproxy.com

并且Path一定要加后缀，如下所示：/list.json，一定要加.json，不然也会报404

3.浏览器中访问时也不能直接使用localhost加端口号，要用localhost.charlesproxy.com加端口号，如：

localhost.charlesproxy.com:3000

 

 

 

使用Charles实现发送请求代理到本地文件mock，报错404有效解决办法
weixin_42529444的博客
05-05 1254
使用Charles实现发送请求代理到本地文件mock，报错404有效解决办法 今天是第一次使用Charles来实现自己项目的接口mock数据的时候就遇到了坑，好一会找。本来是看着一个教程视频在学习，无奈卡在了第一步。按照视频中一步步下来，视频中就正常拿到数据了，换我这边就是一直在报404。 郁闷… 解决 在不断的和视频中去对对照细节，确认无误之后，一番百度，发现网上都是些使用Charles抓包之...
Charles mock本地数据跨域问题
小菜鸡的错题本
05-31 945
原因：因为加上Access-Control-Allow-Origin出现了2个请求头。如果不配置Access-Control-Allow-Origin 被mock的接口又出现上面的问题。解决再增加一条remove header 去掉多的Access-Control-Allow-Origin。原因：跨域问题，在charles中Rewrite中添加对应的信息。
使用Charles实现前端数据mock和解决Charles接口报404
qq_35410544的博客
07-07 1052
1.下载Charleshttps://www.charlesproxy.com/latest-release/download.do 2.接下来在桌面或者其他地方新建一个json文件，里面写上你需要mock的数据。 3.打开刚才安装的charles软件，然后在charles中配置tools -> Map Local Settings: 4.点击add按钮后在弹窗中填入协议、域名、端口、请求路径和要mock的文件路径。填完之后点击OK 填写完相关信息后这里就会多出一条刚刚填的信息勾选..
【前端mock踩坑指南，mock配置后，无法得到响应数据404错误】
最新发布
weixin_43501369的博客
03-17 621
技术栈为VUE3+AXIOS+MOCKJS+cli。在下载好mock写好API接口、配置好axios的请求响应拦截器之后，发送请求可以触发axios配置的请求拦截器。在以上的情况下，仍是404。后面发现是在axios定义了默认的url，但是mock的url没有跟axios一致，导致mock监听不到请求。，需要在main.js全局引入即可。main.js引入,只需要一句代码。
[react][charles]本地mock前端数据，依旧404
stay hungry stay foolish
12-29 393
目录背景操作 背景 复习简书项目，使用charles，昨天还是好的，今天突然发现todolist请求一直404 操作 cmd 查询本机ip（ipconfig ） 把ip填入之前填写loadhost的地方 访问的时候也用ip:port来访问项目 好了 ...
Charles mac 配置后 请求404 解决办法
gaoqiang1112的博客
07-02 1904
安装 charles 就不发图了 1 上图 如何使用 本地模拟数据 网上说的 不知道从什么版本开始 这个host 要配置成localhost.charlesproxy.com 不能是localhost了 我估计是 为了 给自己打广告吧 哈哈哈 高潮来了 是不是 发现也没还是404 哈哈哈 现在 把地址换一下 http://localhost....
mac中关于charles访问本地数据，出现404的问题解决
qq_33404590的博客
05-29 855
react初学，关于在mac中使用charles获取mock数据，出现404的问题一、下载charles（试用30天）二、配置charles三、获取ajax请求四、 总结 一、下载charles（试用30天） charles文件包下载 密码:nrwu 双击解压 打开文件，有三个文件，把charles.app添加到应用程序中 在应用程序中右击chalers.app选择显示文件，找到其中java文件中替换charles.jar文件 打开charles应用，等待成功打开即可。 二、配置charles
charles mock数据
m0_56687854的博客
06-20 4507
使用Charles mock假数据
Charles 抓包工具教程(五) Charles 如何进行Mock
雨水的早晨的博客
11-12 6256
Charles 进行Mock测试
【03】Charles_ mock服务端返回数据Maplocal
九斤
09-13 1015
比如页面A显示哪些模块是根据接口下发数据控制的，现在需要把线上页面A的1模块从a活动入口替换成b活动入口验证某些问题，但是为了避免影响线上用户不能动配置，此时就可以把页面A接口的response保存成文件，修改了想替换的数据后，让线上A接口请求时走修改数据后的本地response作为响应数据下发即可。3）Tools-->Map Local，填写接口信息并选择绑定1中保存的文件作为此接口的返回数据。1）找到想要操作的接口-->右击-->save response-->保存到本地。
charles 常用功能（六）模拟 接口404/403返回值(blacklist方法)
app测试经验累积,社科管理类杂书阅读笔记
04-07 5319
1.tools——>blacklist 2.允许启用黑名单功能，选择接口返回错误的形式（404 或者403），添加接口地址并保存 注：【blocking connection】 选项可以选择“drop connection”或者 “403 respose”.前者接口会直接返回404错误，后者接口返回403错误 3.选中需要返回404/403的接口,点击【ok】 再...
charles mock 接口异常
ISaiSai的专栏
05-09 6519
通过 maplocal 功能可以实现mock返回的内容 但是无法返回异常 （如500错误 404 错误） 这个需要用到 rewrite 功能（tools 菜单下） Rewrite Rule 中 type 选择  respoonse status 将match value 设置为200 replace value 设置为500 则接口会返回500错误 参考文档：http
Charles模拟接口返回异常值/空值/超时
热门推荐
sinat_34937826的博客
12-02 1万+
Charles模拟接口返回异常值/空值/超时 一、Charles模拟接口返回异常值 1. rewrite方法 2. map loacal方法 3. 打断点方法 二、Charles模拟接口返回空值 1. rewrite方法 2. map loacal方法 3. 打断点方法 三、Charles模拟接口返回超时 1. rewrite方法 2. map loacal方法 3. 打断点方法 ...
Charles模拟接口异常（404、500、503）
weixin_39166825的博客
07-28 4958
Charles模拟接口异常（404、500、503）
Charles模拟网络请求返回状态
Lu，的博客
06-02 5240
很多时候会需要模拟各种网络状态去进行测试验证，例如：2XX、3XX、4XX、5XX，本文将会对这几种网络状态进行简单介绍并描述如何利用Charles进行对网络请求返回状态的模拟。
Window React.js 使用最新版 Charles mock 的 Map Local 模拟前端数据Api请求时出现404请求失败的问题解决方案
xmfboss.科技
07-03 1823
按照正常步骤配置，却发现请求出现404错误 GET http://localhost:3000/api/todolist 404 (Not Found) 1. Http请求没有问题         2. host地址没有问题       &nbsp...
charles 常见功能 模拟 接口404/403返回值(blacklist)方法
weixin_45948394的博客
09-03 644
请求网页，抓包 点击black list 进行调试 下拉框中，上面的为404，下面的为403 以下图为404，浏览器显示 以下图为403，浏览器显示
【charles踩坑总结】
O_tree的博客
05-08 1422
个人charles抓包记录
charles模拟接口404/403
weixin_51118163的博客
12-28 518
charles模拟接口404/403 1.点击tools ----Black List 2.选中这个，新增 3.效果
Swagger UI实现接口文档与Mock数据同步
通过Swagger UI可以实现接口文档的自动生成，方便开发者查看和交互，同时也能同步本地Mock数据。 - JavaScript：作为开发前端Mock数据和与Swagger UI交互的主要编程语言，JavaScript提供了灵活的前端开发能力，用于...
评论 9
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值