在线接口Mock工具fastmock详解
文章目录
- 简介
- 一、创建项目
- 二、创建接口
- 三、配置接口(重点)
- 四、使用接口
- 五、调用接口
简介
官网地址
简单好用的在线接口 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详解相关推荐
- 推荐一个在线接口Mock工具 useMock
官网:https://www.usemock.com/ 示例代码://一键解耦: const apiHost = true ? "https://project.usemock.com&qu ...
- 【云原生之k8s】k8s管理工具kubectl详解
[云原生之k8s]k8s管理工具kubectl详解 前言 一.陈述式管理 (1)陈述式资源管理方法 (2)k8s相关信息查看 ①查看版本信息 ②查看节点信息 ③查看资源对象简写 ④查看集群信息 ⑤配置 ...
- 【转】Linux命令工具 top详解
Linux命令工具 top详解 top命令是Linux下常用的性能分析工具,能够实时显示系统中各个进程的资源占用状况,类似于Windows的任务管理器.top是一个动态显示过程,即可以通过用户按键来不 ...
- Linux下暴力破解工具Hydra详解
Linux下暴力破解工具Hydra详解 一.简介 Number one of the biggest security holes are passwords, as every password s ...
- linux中top工具,Linux命令工具 top详解
Linux命令工具 top详解 top命令是Linux下常用的性能分析工具,能够实时显示系统中各个进程的资源占用状况,类似于Windows的任务管理器.top是一个动态显示过程,即可以通过用户按键来不 ...
- Linux命令工具 top详解
Linux命令工具 top详解 top命令是Linux下常用的性能分析工具,能够实时显示系统中各个进程的资源占用状况,类似 于Windows的任务管理器.top是一个动态显示过程,即可以通过用户按键来 ...
- ARM 编译工具链详解
ARM 编译工具链详解 GNU Arm Embedded Toolchain 是用于 C/C++ 和汇编编程的即用型开源工具套件.GNU Arm 嵌入式开发工具链适用于 32 位 Arm Cortex ...
- Android基础入门教程——8.3.1 三个绘图工具类详解
Android基础入门教程--8.3.1 三个绘图工具类详解 标签(空格分隔): Android基础入门教程 本节引言: 上两小节我们学习了Drawable以及Bitmap,都是加载好图片的,而本节我 ...
- Fuzz工具使用详解
Fuzz工具使用详解 (1)wfuzz 描述:wfuzz 是一款Python开发的Web安全模糊测试工具.简而言之就是wfuzz可以用在做请求参数参数类的模糊测试,也可以用来做Web目录扫描等操作. ...
最新文章
- 视觉惯性SLAM:VINS-Mono
- PoPo数据可视化第9期
- Spring 泛型依赖注入
- grep 命令使用笔记
- firefox 自定义快捷键
- MySQL3次导入报错解决!
- NOIP2009 潜伏者
- vue中checkbox 样式自定义重写;循环遍历checkbox,拿到不同的v-model绑定值;及获取当前checked 状态,全选和全不选等功能。...
- 计算机操作基础英语,计算机操作基础word练习题参考答案
- jQuery框架学习第九天:jQuery工具函数介绍与使用
- linux网站宝塔无法访问ipv6,centos7宝塔面板服务器开启纯IPV6访问
- iOS页面间跳转的方式
- 基于springboot+vue的房屋租赁系统(前后端分离)
- 吉他扒谱该怎么做?分享一款超好用的扒谱工具!
- 使用命令行提取微软补丁文件
- ua解析接口_蓝奏云直链解析API
- [转]Ceph:OpenStack标配Linux PB级分布式文件系统详解
- iOS开发各种证书问题
- ajax改变url参数,js修改URL参数_Javascript/Ajax_网页制作 - www.jscode.cn
- 7-87 时间换算 (15 分)
热门文章
- LINUX - 实时LINUX内核(PREEMPT_RT)的编译安装以及测试
- 关于技术美术的一些个人理解
- python删除文本末尾所有空行
- ICPC 山东省省赛刷题 第十一届山东省大学生程序设计竞赛 ACM省赛 牛客 DGHM题
- C语言入门(二)主菜单操作
- java+mysql+javaweb网上购物系统
- Visual Studio 2012 代码块注释快捷键和格式化快捷键
- 数字图像处理100问—43 Canny 边缘检测:第三步——滞后阈值
- [NOIP] [最短路] NOIP2012Junior 文化之旅 (culture)
- 短短十言,把人生说透了.