分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

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

发布时间:2023-09-06 01:55责任编辑:郭大石关键词:jsjson后端

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

    

  使用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数据;

原文地址:https://www.cnblogs.com/qqfontofweb/p/9078195.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved