Charles做代理的Map Remote路径配置

最新推荐文章于 2024-11-15 15:26:05 发布
转载 最新推荐文章于 2024-11-15 15:26:05 发布 · 1.7k 阅读 · 0
文章标签：

#前端 #webpack #ViewUI

本文介绍如何在前端开发过程中，利用Charles代理工具实现跨域请求。通过具体配置示例，展示如何将本地开发环境中的请求重定向到外部服务器。

使用Webpack做前端开发时，本地localhost使用了Webpack-dev-server搭建一个服务，开发阶段如果想把对本地后台的请求改为对外网的请求，可以使用Charles开启代理，把路径修改为访问外网，Charles代理的配置如下。

从Tools菜单进入Map Remote，或者在某一条请求右键选中Map Remote。

一个配置例子如下图，把user相关的请求接口从走本地后台服务改为走外网的后台服务。注意Map From的Path最后有一个*号通配符，Map To的Path最后没有！

多配置几个，样例如下：

切记勾选上Enable！

Charles抓包工具系列文章（三）-- 接口映射工具（Map Remote和Map Local）
天草二十六
06-25 1750
通过接口映射工具，可以轻松修改客户端的响应报文，注意不能修改请求报文！！如果需要修改请求报文，需借助于另外一款工具： Rewrite。从这里也可以看出来，如果你的服务使用http协议，使用代理工具charles后，就可以随意修改接口的响应报文。期望展示的是图片A，结果看到的是图片B，出现“宜春是一座叫春的城市”，也就不奇怪了。
抓包工具Charles(六)-使用远程映射重定向接口请求（Map remote）
做测试多少要会点的技能
04-06 2626
在Charles中可以通过远程映射，将另一个接口的响应返回给原接口，从而达到修改接口响应的目的。这个功能也适合用于切换正式线域名和测试线域名。
04-Charles中的Map Remote和Map Local介绍
学习&记录
07-27 1680
Charles提供了Map Remote和Map Local两个功能。
Charles的Map Remote功能
neverSaynever_的博客
09-12 1775
本次测试过程中的使用场景是：使用charles来抓app的网络包，抓取的请求是https的网络请求，但是使用的安卓测试机的系统版本为Android12，简单的在测试机上安装charles的SSL安全证书(用户级别)也无法成功抓取，需要root权限将SSL证书从用户级别的安装改成系统级别的安装，因为获取测试机的root权限需要BL(BootLoader)解锁（新绑定的小米账号，需要等一周），所以安装系统证书只好暂时放弃；入口Tools->Map Remote。
charles的Map Remote功能（请求重定向到其他url）
热门推荐
qq_40308101的博客
04-28 2万+
一、前言： charles的Map Remote（请求重定向）功能，说白了就是你本来要请求A接口拿数据，重定向后，你实际请求的是B接口，拿到的是B接口返回的数据。 二、使用场景： 1、要测试的接口部署在另一台服务器上，或者另一个测试环境 三、使用方法： 1、先请求一下要重定向的接口，以百度为例，在url上右键选择Map Remote 或者直接到Tools-Map Remote中添加...
Charles非常实用的Map Remote功能小结
weixin_49294616的博客
10-18 1106
charles的Map Remote功能（指定的网络请求重定向到另一个网址），说白了就是你本来要请求A接口拿数据，重定向后，你实际请求的是B接口，拿到的是B接口返回的数据。方法2、在接口A的url上右键，选择Map Remote，将重定向的信息都删掉。注意：原本请求的接口如果有时间戳，要把时间戳删掉，保证每次请求的url一致。1、先请求一下要重定向的接口A，在url上右键选择Map Remote。1、要测试的接口部署在另一台服务器上，或者另一个测试环境。3、再次请求接口A，就可以看到他实际请求的是接口B。
charles 的Map Remote
03-30
</think>### Charles中Map Remote功能配置指南 Map Remote是Charles的流量重定向功能，可将指定请求映射到其他远程服务器或本地文件。以下是配置步骤： 1. **打开工具菜单** 在Charles顶部菜单栏选择`Tools > Map...
charles 的Map Remote来进行新旧版本的接口兼容性测试，如何测试
03-30
- 安装 Charles 并配置代理，确保能捕获设备或浏览器的网络请求[^4]。 - 对 HTTPS 请求需安装 Charles 根证书（菜单栏选择 `Help → SSL Proxying → Install Charles Root Certificate`）。 #### 2. **配置 Map ...
抓包工具Charles(五)-使用本地映射修改接口响应内容（Map local）
做测试多少要会点的技能
04-05 2230
排查问题、调试功能时，通过修改接口数据，可以大大加快开发和测试的速度。在Charles中利用本地映射（Map local）可以达到修改接口返回数据的目的。
charles 的Map Remote来进行新旧版本的接口兼容性测试，现在有一个测试环境，一个预生产环境，设置测试环境映射到预生产环境，但是两个环境的账号密码都是不相同的，如果是映射的系统都是需要账号密码登录，这样是如何通过映射来看出新旧版本的兼容性的
最新发布
03-31
好的，我需要帮助用户理解如何使用Charles的Map Remote功能进行新旧版本接口的兼容性测试。用户提到测试环境和预生产环境的账号密码不同，这可能导致在映射时遇到登录问题。我需要解释如何在这种情况下设置映射并...
charles 的map remote 和map local的功能和使用方法
weixin_43760482的博客
04-18 6109
charles深入学习 charles 的map remote 和map local的功能和使用方法 Charles 的Map 功能分Map Remote 和Map Local 两种，顾名思义，Map Remote（远程） 是将指定的网络请求重定向到另一个网址，Map Local （本地）是将指定的网络请求重定向到本地文件。 Map Remote适用场景 如果测试时涉及到服务端，而且服务端不能加白...
charles本地调试之map和rewrite功能
weixin_30514745的博客
06-15 1135
charles是一款mac下代理调试工具，对于前端开发同学来说是相当方便的一个调试接口的工具；不过charles需要收费，不过在天朝几乎收费的软件都能找到破解方法； 使用charles前，需要将charles设置成mac OS的网络系代理服务器，这样charles就可以捕获到mac上所有的网络请求，然后charles在做些手脚（如map和rewrite功能）就可以很轻松的实现接口的调试。 至于ch...
charels配置与map local 、map remote 、rewrite的使用
一枚不断学习的小码农一枚~
04-30 2355
1.charles配置 2.map 与rewrite的使用 2.1map 2.1 map local 2.2 map remote 2.2 rewirte
一篇文章彻底教会charles修改数据（Map Remote 、Map Local 、Rewrite、compose功能详解）
测试开发漫漫成长路的博客
11-15 1063
解决测试人员修改抓包拦截串改返回值。
charles教程4：如何跨域
林家小猪
12-16 1135
同源策略：是指协议，域名，端口都要相同，其中有一个不同都会产生跨域
charles 重定向数据 map remote 和 map local
weixin_42285509的博客
04-21 1152
Map Remote（远程） 是将指定的网络请求重定向到另一个网址 Map Local （本地）是将指定的网络请求重定向到本地文件 1.Map Remote 改请求用的，改服务端（后端）的请求。直接改请求地址的那种。 1、找到你的接口请求 2、找到请求右击，选择map remote settings 3、通过右键请求进入的map编辑页面，map from都是自动填写的。端口路径之类的可以不用...
charles中新学到的知识点
qq_34258189的博客
06-17 379
Map remote settings的应用 1.位置：tools --Map remote settings，这个可以更改网页返回的页面，在测试中的应用是可以切换到线上环境验证问题 配置例如如下 *Map Form :这个是指你要请求的地址 Protocol：选择你的协议：http/https 默认空是都可以支持 host：例如www.baidu.com这部分 port：指端口号 path：指路径，例如截图中的\s这部分，反斜杠就代表路径的开始 *Map to :这个是指你要响
Charles模拟403和404操作
m0_61178239的博客
09-02 409
点击tools里的Black List 设置"黑名单"，Drop connection为404 重新请求接口 再来设置一个状态码为403的 重新请求接口
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值