Yapi的基本使用功能

Yapi 基本使用

第一次研究Yapi，记录一下，防止后面忘了(ｷ｀ﾟДﾟ´)!!

  • 新建一个测试空间
  • 创建个人空间

在这里插入图片描述在这里插入图片描述

  • 添加项目

基本路径慎重填写，ennnnnnn,好像是路径中间那块？

在这里插入图片描述

  • 接下来就是接口了

接口路径这里前面加 /

在这里插入图片描述

这里的mock地址，直接在设置里的环境配置里面设置

在这里插入图片描述

这里的请求地址最终格式是 ： mock地址 + 基本路径 + 路径

  • 数据导入导出

在这里插入图片描述

  • 重点，怎么样链接yapi 和html 呢

访问接口需要一个中间桥插件 cross-request 谷歌独家

  1. Google打开地址 chrome://extensions/
  2. 将下载的cross-request 打开，添加到附件里
  3. 然后右上角就会出现yapi 小图标，就能访问啦
  4. 怎么样在浏览器查看接口调用情况
    在这里插入图片描述
    官方参考文档：https://hellosean1025.github.io/yapi/documents/data.html
版权声明：本文为Xpete_pan原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。