使用mockjs模拟后端返回的json数据；

Posted 2020-11-08 大桥的前端日志

　　　　　前后端分离开发中最重要的一部就是前后端联调，很多时候后端进度是跟不上前端的，所以需要前端模拟一些数据进行调试，这样前端的进度就可以加快了。后端的小哥哥别打我；

　　　　

　　使用mockjs可以很方便的模拟出想要的数据，只要后端字段给好，就可以模拟出数据，等到后端的数据接口真真好的时候可以直接将接口换掉；

　　使用方法；

　　　一；安装json-server   （ps：本人理解这是模拟一个后端服务器，到时候会开一个虚拟服务器出来）

　　　　　　npm install json-server –g

 　　   二；在项目中安装mockjs

　　　　npm install mockjs –save

　　　三；在项目中建立目录mock  ，并且增加mockjs文件，将如下代码写入文件中

　　

var Mock = require(‘mockjs‘);
var Random = Mock.Random;

module.exports = function(){
      var data2 = {
            title:[]
      };
      for(var i = 0;i<20;i++){
            var content = Random.cparagraph(0,10);
            data2.title.push({
                  id:i,
                  title:Random.cword(20,30),
                  name:Random.cname(),
                  email:Random.email(),
                  color:Random.color(),
                  s:Random.region(),
                  q:Random.city( true )
            })
      }
      return data2;
}

　　　　四；使用命令执行文件，运行服务

　　　　json-server mock/db.js;

　　　　　　

ps:本人看文章学到的，项目中还没有具体使用

参考链接

https://zm12.sm-tc.cn/?src=l4uLj8XQ0IiIiNGckZ2TkJiM0ZyQktCHhp3Pzc3J0J6Ni5ack5qM0MjNzMvKz8jRl4uSkw%3D%3D&uid=e4391b419c0308e33c48eb4823b5515c&hid=e52b73bf962427b19f439c8ad15cc617&pos=1&cid=9&time=1526148679529&from=timeline&restype=1&pagetype=0020004000000408&bu=ss_doc&query=%E7%94%A8node+%E6%90%AD%E5%BB%BAmock&mode=&v=1&force=true&wap=false&uc_param_str=dnntnwvepffrgibijbprsvdsdichei