1. 程式人生 > >使用mockjs模擬後端返回的json數據;

使用mockjs模擬後端返回的json數據;

文章 HP 最重要的 highlight dsd nod 命令 字段 運行

     前後端分離開發中最重要的一部就是前後端聯調,很多時候後端進度是跟不上前端的,所以需要前端模擬一些數據進行調試,這樣前端的進度就可以加快了。後端的小哥哥別打我;

    

  使用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

使用mockjs模擬後端返回的json數據;