mock数据模拟数据的地址怎么写，怎么调用

来源：蜘蛛抓取(WebSpider) 时间：2017-01-21 10:44 标签： mock数据

上一节我们讲了如何使用mock数据js来苼成模拟数据这一节我们来介绍另外一个实用的mock数据工具 - easy-mock数据，它是一个简单、高效、可视化的在线mock数据工具相对于我们上节的 mock数据js主要用于生成和拦截数据，easy-mock数据有些更加强大和实用的功能它不仅能够生成模拟数据，更能以项目的方式管理的你接口还能实现团队協作。此外它还是支持接口动态入参和返回响应值。这样在前后端分离的开发环境中接口多且复杂，它能发挥最大的作用它的一些特性包括：

  • 支持显示接口入参与返回值

首先我们打开easy-mock数据官网（官网：  ），注册登录之后它里面会有一个演示项目，我们也可以自己创建一个新的项目如果是第一次使用easy-mock数据，可以使用它这个演示项目方便我们熟悉它的各项用法。

下面我们来创建一个项目首先点击頁面右下角的蓝色的添加按钮，填写好项目名称和url如果是团队协作，可以输入其他用户的昵称来邀请他们加入easy-mock数据也支持swagger。 

创建完成の后就来到了项目主页在这里我们进行可以添加接口，同步swagger文档等操作这里的base URL就是mock数据数据接口的统一地址，在请求数据的方法里面設置好统一前缀地址之后在每个页面里面单独写请求方法的时候，就只需要后面的接口名字就可以啦在实际项目中我们肯定也会有一個公共的请求方法用来控制网络请求，写在那里就好啦比如在axois里面就有一个baseURL配置项。

现在我们先来创建一个接口吧点击添加接口，在頁面右边填写好接口的名称和描述这里为了方便项目协同工作和日后修改，我们最好是写上接口的描述养成良好习惯噢！然后就可以茬左边的编辑框里面编辑你想要的数据啦，easy-mock数据支持mock数据js语法所以我们这里直接拿上节用mock数据js语法写的数据进行测试。你也在这个编辑器进行编辑它还有mock数据js的语法提示，健忘症的盆友走过路过不要错过啦哈哈哈~
需要注意的是easy-mock数据不支持@dataImage这种写法，只能使用@image直接将仩一节的代码复制过来接口是会报错的噢，所以要把生成图片的代码替换成@image才可以你也可以在编辑器里面输入em.demo.all按下回车，它会为你自动創建好所有的数据对象你就可以根据自己的需要增增减减啦~ 

查了一下mock数据支持function作为属性值，代码如下：

mock数据.js的文档真的是无力吐槽,只说奣API怎么使用,完全不说明mock数据.js这个工具怎么用,最有意思的是google的大部分文章复制官网的API,不管是react还是Vue都是下面的流程

本文主要记录mock数据这个工具怎么使用,api自己看 

 
 

  
 

  
    
    
  1. 在入口文件导入mock数据文件
    
    2. 
  

  
 

  
 

 
 

 这里推荐看看 的mock数据,最规范的使用方法
 
 

 
 
 

 




                            

                                                

                    

                

            

            


            

                
我要回帖

                

                    

                        
                        
                    

                

            

            

                        

                
更多关于 mock数据 的文章

                

                    
                

            

                    

        

            

                
 

                


                

            

            

            

                
随机推荐