postman替代工具postwoman【hoppscotch】

一、简介

hoppscotch功能跟postman功能相似，用于接口调试：

优点：开源免费、轻量级、页面美观

基于浏览器，不需安装，使用方便。

nodejs写的 前端友好

官方体验地址： 【只能体验，调自己的API需要我们自己搭一套服务】

二、本地搭建

1. clone源码

git clone https://github.com/hoppscotch/hoppscotch.git

2. 运行源码【基于node的项目 所以需要node环境】

进入hoppscotch目录，启动前端服务

npm i
npm run dev

## 可能遇到的问题：

a. 遇到构建时报：**属性问题，如：args.flatMap is not a function

更新node版本，我是使用14.17.3后解决了

b. 遇到构建时报：babel*** it exceeds the max of 500KB

nuxt.fonfig.js中 loader: "babel-loader"的options中 添加 compact: false

c. 启动后页面报错 ：logEvent相关报错 忘记了

代码搜了一下这个方法，是firebase.analytics报的。firebase这个包大概是做行为统计的 感觉不用也可以 我直接注释了所有调用logEvent的地方【有更好的解决办法欢迎留言补充】

3. 使用

现在解决了所有报错，项目可以正常运行了 。然而，输入一个接口，send后发现报错。。。

打开浏览器调试工具发现是CROS跨域问题

解决这个问题，可以使用官方的hoppscotch-extension插件。这是一个浏览器扩展 使用方法： 1. clone源码 https://github.com/hoppscotch/hoppscotch-extension.git 2. 构建 npm i npm run build 3. 安装：构建后的成品在dist文件夹中 【chrome和Firefox都可安装】 4. 使用 【chrome为例】 安装好后，点击工具栏下的扩展程序图标，点击hoppscotch-extension可以添加域名 添加好后，就可以愉快的使用啦