Whistle的使用

156 阅读1分钟

第一步装包 npm i -g whistle 证书许可点击是

image.png

w2 start --init 运行这个指令开启whistle,然后浏览器打开8899端口 打开后查看证书是否安装完毕 image.png

下载插件配置端口代理

image.png

插件下载完毕后再打开插件 在左边侧边栏中配置情景模式 名称建议为localhost

image.png

接下来是配置

image.png

配置完之后一定要应用

image.png

最后在浏览器的设置中打开插件扩展, 并选择系统代理下的localhost

image.png image.png

回到whistle页面时有这些请求就代表成功

image.png

证书问题参见juejin.cn/post/693041…

配置跨域 首先有一个网页, 下载插件 npm i -g http-server, 然后在这个页面的终端中运行http-server打开网页

然后在whistle中配置规则

image.png

resCors://* 只能解决简单的问题

如果想要自由配置更多, 可以

image.png

花括号中的值来自于values中, 需要在values中进行配置

image.png image.png

进行跨网站访问

image.png

如果自己本地没有页面, 进行功能搜索的话会空白, 页面跳转代理, 将要跳转的页面放在自己页面地址的后面 image.png

四个指令

image.png

通配符使用

image.png

配置README.md

image.png

服务器发布

image.png

源码 github.com/whistle-plu…

下载地址github.com/avwo/whistl…