使用whistle进行API代理

最新推荐文章于 2025-06-16 12:20:52 发布
最新推荐文章于 2025-06-16 12:20:52 发布
阅读量2k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_43353524/article/details/110367925

在项目中，前后端通过API进行数据传输，这样就造成了很多很多需求很依赖后端提供的API，如果API数据提供得不及时，对于前端同学来说，无疑是非常难受的，那么如果暂时脱离后端进行本地模拟开发呢？
第一种方法是构造伪数据，比如前端使用get请求某项数据，必然会申请一个空间来存放请求到的数据，来看这样一个例子：

c_get('请求数据的functionId', data).then(res => {
   
   
let Arr = res.body ? res.body : []
最低0.47元/天 解锁文章

200万优质内容无限畅学
搭建whistle代理环境
fankl1437的博客
09-19 1419
whistle + swithcyOmega 搭建代理服务
whistle+SwitchyOmega前端api代理调试
m0_37820751的博客
01-04 1145
whistle官网whistle主要用于查看、修改HTTP、HTTPS、Websocket的请求、响应，也可以作为HTTP代理服务器，功能很强大。
配置whistle代理
m0_71735156的博客
01-03 1171
安装地址：http://wproxy.org/whistle/ 第一步：安装node(支持0.10.0以上版本，安装完可执行node -v查看当前node版本，如果能正常输出node版本号，代表安装成功) 第二步： 第三步：whistle安装完成后，执行命令whistle help或w2 help，查看whistle的帮助信息(如果能正常输出whistle的帮助信息，表示whistle已安装成功) 第四步： 第五步： 第六步：
mac安装whistle代理抓包工具（支持mock）
最新发布
鱼小鱼的博客
06-16 944
工具地址：https://wproxy.org/whistle/
whistle的代理接口使用
一个小白的成长历程
12-17 3471
whistle使用代理接口的应用，解决了接口不可用而影响项目开发进程的问题
whistle代理
公众号-程序员灿灿
12-17 1011
定位线上问题的方式之一，可以使用代理到本地调试。 安装whislte 安装node brew install node 安装whistle npm install whistle -g --registry=https://registry.npm.taobao.org 添加环境变量 cancanliu@cancanliu ~ % vim ~/.bash_profile export PATH=$PATH:/Users/cancanliu/.npm-global/bin:$PATH 使环境变量永久生
抓包工具之whistle(http、https、socks5)
西京刀客
04-01 1378
[whistle](https://github.com/avwo/whistle)(读音[ˈwɪsəl]，拼音[wēisǒu])基于Node实现的跨平台web调试代理工具，类似的工具有Windows平台上的[Fiddler](http://www.telerik.com/fiddler/)，主要用于查看、修改HTTP、HTTPS、Websocket的请求、响应，也可以作为HTTP代理服务器使用
whistle安装以及使用
A11114858_225的博客
02-16 5506
whistle安装、手机配置代理、whistle的使用
Python库 | whistle-1.0a1-py3.5.egg
02-21
这个库的名称"Whistle"可能源自于其在Web服务中的哨兵角色，即像哨子一样对请求和响应进行监控和调试。在Python生态系统中，它提供了一个轻量级、高效且灵活的HTTP服务器，开发者可以快速地搭建本地测试环境，模拟...
Whistle客户端安装，代理网络请求返回JSON（抓包工具）
一个后端菜鸟的博客
01-16 845
Whistle 是基于 Node.JS 实现的操作简单、功能强大的跨平台抓包调试工具，可作为 HTTP 代理（默认）、HTTPS 代理、Socks 代理、反向代理等，用于抓包分析或通过配置规则修改 HTTP、HTTPS、HTTP/2、WebSocket、TCP 请求，且内置 Weinre、Log 、Composer 等工具可查看远程页面的 DOM 结构、查看 console 输出内容、重放编辑构造请求等，并支持 插件扩展功能 或 作为 NPM 包被项目引用。点击rules 创建规则。本次展示post访问。
详细的Whistle代理工具解决前端跨域问题
a4867的博客
04-15 913
主要用于查看、修改HTTP、HTTPS、Websocket的请求、响应，也可以作为HTTP代理服务器使用，不同于Fiddler通过断点修改请求响应的方式，whistle采用的是类似配置系统hosts的方式，一切操作都可以通过配置实现，支持域名、路径、正则表达式、通配符、通配路径等多种。(读音[ˈwɪsəl]，拼音[wēisǒu])基于Node实现的跨平台web调试代理工具，类似的工具有Windows平台上的。如果需要抓https的包，需要安装一下证书。最后一定要记得应用选项！，且可以通过Node模块。
从Whistle看抓包代理工具的使用和基本原理
日积月累的博客
11-28 1556
whistle
whistle代理、SwitchyOmega 安装及使用
m0_61049675的博客
12-11 2131
2、数据请求和页面请求进行分离，aa.com/api是后端接口，返回的是一串JSON数据，aa.com返回的是一个html页面，假设页面aa.com想要获取aa.com/api的JSON数据，由于前端（8081）与后端（8080）使用的端口不同，导致出现跨域，前端8081是访问不到后端8080数据的，使用代理来访问相同域名下的不同路径就可以避免这个问题；1、安装完成后，命令行输入： w2 help，看到如下图界面，表示已安装成功。3、https必须安装证书！2、安装 Whistle。
【Whistle】从零到一完成代理环境搭建
Suuuuperman的博客
07-10 1436
whistle搭建代理，mac和window；手机访问代理环境
whistle工具常用功能
学习笔记
05-28 5623
whistle常用功能
whistle使用指南
qq_43742385的博客
07-29 1万+
whistle使用指南一、whistle 简介二、安装、启动、配置2.1 安装 Node.js2.2 安装 whistle2.3 启动 whistle2.4 配置代理 （推荐）2.5 抓取 HTTPS 请求（可选）2.5.2 信任 whistle 证书2.5.3 验证抓取 HTTPS 请求三、修改请求实例演示3.1 修改请求3.1.1 修改请求方法3.1.2 修改请求头3.1.3 修改请求体3.2 修改响应3.2.1 修改响应状态码3.2.2 修改响应头部3.2.3 修改响应体四、总结 一、whistle
whistle 代理 抓包 本地替换
想起来，就学习一下
01-18 1万+
whistle-前端调试利器欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎...
Whistle，web 抓包与 debug 利器
weixin_34199335的博客
11-25 1165
什么是 whistle whistle 是一个跨平台的抓包与 web debug 工具，使用 whistle，你可以配置代理服务器，模拟接口数据，捕获请求重定向到指定 url，修改请求头响应头，修改 GET 请求的参数，往匹配的页面中注入 js、css whistle 提供了和 fiddler 类似的功能，也提供了一些 fiddler 没有的功能，使用体验比 fiddler 好很多，一开始公司...
Whistle 抓包简易教程
热门推荐
huangpb的博客
06-06 1万+
详细内容请看Whistle官网 Whistle 是基于Node实现的跨平台调试代理工具。 安装流程 1. 安装 node 终端输入 node -v 检查 node 是否安装成功 2. sudo npm install -g whistle //Mac上安装指令前要加sudo 终端输入 whistle help 检查 whistle是否安装成功 3. 最新版的 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值