文章目录

  • 简介
  • 一、创建项目
  • 二、创建接口
  • 三、配置接口(重点)
  • 四、使用接口
  • 五、调用接口

简介

官网地址

简单好用的在线接口 MOCK 平台

  • 本地无需任何开发,讲请求根地址指向到模拟地址即可轻松实现接口模拟
  • 快速生成演示数据,只需要开发前端即可向客户演示真实效果

服务于前后端分离项目的接口 MOCK 平台

fastmock 让接口 mock 变得更加简单,让团队协作变得更加高效

  • fastmock 可以让你在没有后端程序的情况下能真实地在线模拟 ajax 请求,实现前后端分离
  • 用 fatmock 实现项目初期纯前端的效果演示,再也不必为演示而开发全套程序
  • 使用简单,只需简单的配置,将根地址指向到 fastmock ,即可实现数据模拟,无需额外开发

去掉一切繁琐,提取出最关键的功能,只需要 登录 => 创建项目 => 创建接口 => 录入您想返回的数据 即可轻松创建一个接口。


一、创建项目

在官网注册登录后就可以开始创建项目了,如下图:


二、创建接口

在刚刚新建的项目中点击创建接口


三、配置接口(重点)

官方常用返回规则示例(必看)

配置好相关接口,如下图:


此处入参只有是username: 'admin' , password: '123456'才会返回登录成功
.

保存即可生效


四、使用接口

在项目中使用:

// $axios的封装此处省略
$axios.post('https://www.fastmock.site/mock/0764b93cba70add273910b232c51aad8/development/api/login', data).then(res => {if (res.code === 0) {if (res.data.success) {Message.success(res.data.msg);commit('SET_TOKEN', res.data.token);} else {Message.error(res.data.msg);}resolve(res);}
}).catch(error => {reject(error);
})

五、调用接口

当入参是username: 'admin' , password: '123456'时返回登录成功,如下图:


.

当入参不匹配时则返回登录失败,如下图:


是不是 so easy 啊 ~

在线接口Mock工具fastmock详解相关推荐

  1. 推荐一个在线接口Mock工具 useMock

    官网:https://www.usemock.com/ 示例代码://一键解耦: const apiHost = true ? "https://project.usemock.com&qu ...

  2. 【云原生之k8s】k8s管理工具kubectl详解

    [云原生之k8s]k8s管理工具kubectl详解 前言 一.陈述式管理 (1)陈述式资源管理方法 (2)k8s相关信息查看 ①查看版本信息 ②查看节点信息 ③查看资源对象简写 ④查看集群信息 ⑤配置 ...

  3. 【转】Linux命令工具 top详解

    Linux命令工具 top详解 top命令是Linux下常用的性能分析工具,能够实时显示系统中各个进程的资源占用状况,类似于Windows的任务管理器.top是一个动态显示过程,即可以通过用户按键来不 ...

  4. Linux下暴力破解工具Hydra详解

    Linux下暴力破解工具Hydra详解 一.简介 Number one of the biggest security holes are passwords, as every password s ...

  5. linux中top工具,Linux命令工具 top详解

    Linux命令工具 top详解 top命令是Linux下常用的性能分析工具,能够实时显示系统中各个进程的资源占用状况,类似于Windows的任务管理器.top是一个动态显示过程,即可以通过用户按键来不 ...

  6. Linux命令工具 top详解

    Linux命令工具 top详解 top命令是Linux下常用的性能分析工具,能够实时显示系统中各个进程的资源占用状况,类似 于Windows的任务管理器.top是一个动态显示过程,即可以通过用户按键来 ...

  7. ARM 编译工具链详解

    ARM 编译工具链详解 GNU Arm Embedded Toolchain 是用于 C/C++ 和汇编编程的即用型开源工具套件.GNU Arm 嵌入式开发工具链适用于 32 位 Arm Cortex ...

  8. Android基础入门教程——8.3.1 三个绘图工具类详解

    Android基础入门教程--8.3.1 三个绘图工具类详解 标签(空格分隔): Android基础入门教程 本节引言: 上两小节我们学习了Drawable以及Bitmap,都是加载好图片的,而本节我 ...

  9. Fuzz工具使用详解

    Fuzz工具使用详解 (1)wfuzz 描述:wfuzz 是一款Python开发的Web安全模糊测试工具.简而言之就是wfuzz可以用在做请求参数参数类的模糊测试,也可以用来做Web目录扫描等操作. ...

最新文章

  1. 视觉惯性SLAM:VINS-Mono
  2. PoPo数据可视化第9期
  3. Spring 泛型依赖注入
  4. grep 命令使用笔记
  5. firefox 自定义快捷键
  6. MySQL3次导入报错解决!
  7. NOIP2009 潜伏者
  8. vue中checkbox 样式自定义重写;循环遍历checkbox,拿到不同的v-model绑定值;及获取当前checked 状态,全选和全不选等功能。...
  9. 计算机操作基础英语,计算机操作基础word练习题参考答案
  10. jQuery框架学习第九天:jQuery工具函数介绍与使用
  11. linux网站宝塔无法访问ipv6,centos7宝塔面板服务器开启纯IPV6访问
  12. iOS页面间跳转的方式
  13. 基于springboot+vue的房屋租赁系统(前后端分离)
  14. 吉他扒谱该怎么做?分享一款超好用的扒谱工具!
  15. 使用命令行提取微软补丁文件
  16. ua解析接口_蓝奏云直链解析API
  17. [转]Ceph:OpenStack标配Linux PB级分布式文件系统详解
  18. iOS开发各种证书问题
  19. ajax改变url参数,js修改URL参数_Javascript/Ajax_网页制作 - www.jscode.cn
  20. 7-87 时间换算 (15 分)

热门文章

  1. LINUX - 实时LINUX内核(PREEMPT_RT)的编译安装以及测试
  2. 关于技术美术的一些个人理解
  3. python删除文本末尾所有空行
  4. ICPC 山东省省赛刷题 第十一届山东省大学生程序设计竞赛 ACM省赛 牛客 DGHM题
  5. C语言入门(二)主菜单操作
  6. java+mysql+javaweb网上购物系统
  7. Visual Studio 2012 代码块注释快捷键和格式化快捷键
  8. 数字图像处理100问—43 Canny 边缘检测:第三步——滞后阈值
  9. [NOIP] [最短路] NOIP2012Junior 文化之旅 (culture)
  10. 短短十言,把人生说透了.