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版权协议,转载请附上原文出处链接和本声明。