mock工具可以延时返回吗（mockplus使用教程）

本篇文章给大家谈谈mock工具可以延时返回吗，以及mockplus使用教程对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。 今天给各位分享mock工具可以延时返回吗的知识，其中也会对mockplus使用教程进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、mock.js的使用方法
• 2、vue中使用mockjs简单返回数据、包括get,post请求
• 3、『居善地』接口测试 — 21.Mock功能介绍（二）

mock.js的使用方法

在开发过程中，有很多的ajax请求，前后端分离开发你肯定遇到这样的问题，后台给你的接口文档，你需要在本地模拟数据返回，可能你也用到过我之前用的蠢方法，就是新建一个test.json文件，放入接口文档中写的返回示例，这么做有个很大的问题是不够灵活，而且还需要切换url，现在学会使用mock.js拦截ajax请求，更加方便的构造你需要的假数据。

在这里我举的例子是在vue项目中如何使用mock.js。

这里我举例最常用的格式
Mock.mock(url,data);
url用正则写，这样get请求传参时，也能拦截数据了。

不设置延时很有可能遇到坑，这里需要留意，因为真实的请求是需要时间的，mock不设置延时则是马上拿到数据返回，这两个情况不同可能导致在接口联调时出现问题。所以最好要先设置延时请求到数据。

生成规则和示例：

Mock.Random 提供的完整方法（占位符）如下：

vue中使用mockjs简单返回数据、包括get,post请求

1、安装

    npm install mockjs

2、在src文件下
    创建mock文件夹
        在mock文件夹下创建json文件 并在json文件夹下创建index.json
        在mock文件下创建mock.js文件

3、在mian.js文件中引用mock.js        

    import "./mock/mock.js";

    mock.js文件中的内容
    ```
    import Mock from 'mockjs'
    Mock.setup({
         timeout: 500 //设置一个延迟时间虚拟服务器响应效果
     })
//格式： Mock.mock( url, post/get , 返回的数据)； Mock.mock('/getList', 'get', require('./json/index.json'))
// 通过Mock.mock函数模拟post请求
Mock.mock('/api/addgoods', 'post', function (option) {
 // 这里的option是请求的相关参数
var $name=JSON.parse(option.body).name;
if($name){
    return Mock.mock({
        status: 200,
        message: '提交成功！！！'
    })
}else{
    return Mock.mock({
        status: 400,
        message: '未提交参数'
    })
}
})

  ```
index.json文件中的内容
```
{

   "retcode": "0000",

  "retmsg": "成功",

  "data": [

    {

      "tabId": 1,

      "tabShowName": "推荐",

      "tabName": "recommend"

    },

    {

      "tabId": 2,

      "tabShowName": "7×24",

      "tabName": "7x24"

    },

    {

      "tabId": 3,

      "tabShowName": "观点",

      "tabName": "opinion"

    }

  ]
```    

3、发送请求并获取数据此处用的是axios

    方式一：发送get请求

    ```

    this.$axios.get('/getList').then((res)={
        console.log(res)
    })

    ```
    方式二：发送post请求
    ```

      var  data={

        name:"张三"

      }

  this.$axios.post("/api/addgoods",data).then(res={

        console.log(res,"MOCK __ POST")

  })

    ```

4、附上官网链接
  https://github.com/nuysoft/Mock/wiki

5、目录结构

6、完结😁

『居善地』接口测试 — 21.Mock功能介绍（二）

当需要调用接口来编写测试用例的时候mock工具可以延时返回吗，此时该接口并没有被实现，这个时候我们就可以用Mock框架来模拟一个接口出来。

使用Mock模拟接口以下功能：

编写一个Json文件，接口所有的信息都配置在该json文件中。

把Moco框架的jar包和上面编辑好的Json文件放在同一个文件夹中。

在cmd命令行或者PyCharm的命令行终端执行启动命令。

Moco服务启动后，我们可以使用Requests库请求接口，也可以用浏览器接口。

浏览器访问接口：

我们主要是看Json文件怎么写，其mock工具可以延时返回吗他步骤和上面练习一样。

1）、没有参数的get请求

2）、有参数的get请求

说明：请求地址为： api/moco/get/param/demo?name=xiaomingage=18

1）、没有参数的post请求

提示：POST请求就不能用浏览器进行查看了。只能用Request库或者JMeter，Postman等进行查看。（能进行接口调用的工具都可以）

2）、有参数的post请求

调用接口查看结果。

使用的是 request 中的 cookies 属性。

1）、get请求

调用接口查看结果。

2）、post请求

调用接口查看结果。

使用的是 request 中的 headers 属性。

Header 是添加请求头信息，关于请求头信息get请求和post请求都是一样的。

调用接口查看结果。

重定向使用的是和 request 同级的 redirectTo 属性。

使用浏览器进行测试就可以。

Json文件的配置属性说明：

像我们上面练习过的Json文件配置，所有的数据值是固定的，

如： description 、 request 、 response 、 redirectTo 等这些都是固定的，不能修改，修改可能连Moco服务都启动不来。

还有 request 的属性值，如： uri 、 method 、 cookies 、 headers ，也是必须这样写的。

还有GET请求传递参数用 queries 属性，POST请求传递参数用 forms 和 json 属性都可以。（PUT,DELETE请求同Post请求。）

Moco框架原理：

就是把所有接口的数据，包括发送请求的所有数据和返回结果的所有数据，以Json数据格式进行编写。

把这些数据放入Moco框架提供的HTTP或者HTTPS的服务上，就实现了接口数据的模拟。

在使用的时候，我们只要按照json文件中接口配置的信息进行请求即可，如果调用接口传递的数据和Json文件中接口编写要接收的数据不一致，则无法请求成功。

关于mock工具可以延时返回吗和mockplus使用教程的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。 mock工具可以延时返回吗的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于mockplus使用教程、mock工具可以延时返回吗的信息别忘了在本站进行查找喔。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。