easy-mock简单使用

官网链接:https://www.easy-mock.com/

                  https://easy-mock.github.io/easy-mock-cli/#/

学习过官网的教程之后就用了mock-cli

在项目里安装 :npm install --save easy-mock-cli

因为是局部安装直接执行命令行不起效果,在项目里的package.json里的scripts添加一句

"easymock":"easymock init"

easy-mock简单使用_第1张图片

接着跟着cli官网创建文件


easy-mock简单使用_第2张图片

配置完文件后执行命令 npm run easymock

自动把你项目创建好的接口生成api文件。


easy-mock简单使用_第3张图片

如图这个是某个接口的函数,模板是axios的所以在导入之后 写法基本相同。


我在 vue单文件里导入

import{demo}from'@/api2/index.js' 


easy-mock简单使用_第4张图片

直接在函数内部写参数,我这里是get请求,具体写法如图。

接下来介绍一下接口的写法,其实官网写得也比较详细了,目前我是这么写得。

参考了官网的做法


easy-mock简单使用_第5张图片

@cname @name两者的区别就是一个是中文 一个是英文。c 代表的是中文

有什么数据格式不会就打em.demo.all,仔细看一下里面的例子

在数组里随机取一个用pick方法。大致就是如此了,其它方法还没用~

你可能感兴趣的:(easy-mock简单使用)