实际开发过程中，前端一般需要依赖数据模型来组织页面与组件中的交互流程 ，而数模型又依赖着后端提供的 API 接口。在后端还没能提供接口进行联调时，我们可以使用Mock工具来模拟接口进行联调，以便快速进行前后端分离，而不至于傻傻等着后端。
步骤如下：
step1: 安装mock依赖 npm install mockjs --save
step2: 在项目src文件夹下新建mock文件夹，在mock文件夹中新建custTag.json文件和mockServe.js文件
step3: custTag.json文件里写mock数据源
step4: mockServe.js文件中通过mockjs插件来模拟数据
step5: main.js文件引入mockServe
step6:定义api接口请求方法
step7:在需要的页面调用step6的方法即可
tips：mock数据里若有图片资源，则需要把图片资源放在public文件夹中，这样打包也不会有影响。
什么是Mock? 在程序设计中，指的是使用模拟对象来替代真实对象，以测试其他对象的行为；在前端开发流程中，通常是指...
一、Vue 项目的接口联调 之前我们使用的数据都不是后端返回的真实数据，而是我们自己通过接口 mock 模拟的假数...
mock使用优势：前后端同时开发的时候，后端接口数据没有出来，前端可以mock假数据，模拟开发 1，安装mock依...
接口联调方式 在和后台进行接口联调是建议使用postMan 等第三方工具进行接口调试，以postman为例进行接口...
原创｜得物技术-凌遥 导读Mock是一个接口编辑模拟工具，可以快速手动或者基于YAPI创建Mock接口模拟数据调试...
一、 Mock数据:实现前端分离开发，在后端没有准备好数据接口的情况，前端也可自行模拟数据 二、 mock数据...
一、 Mock数据:实现前端分离开发，在后端没有准备好数据接口的情况，前端也可自行模拟数据 二、 mock数据...
一、 Mock数据:实现前端分离开发，在后端没有准备好数据接口的情况，前端也可自行模拟数据二、 mock数据的插件...
一、 Mock数据:实现前端分离开发，在后端没有准备好数据接口的情况，前端也可自行模拟数据 二、 mock数据的插...
一、 Mock数据:实现前端分离开发，在后端没有准备好数据接口的情况，前端也可自行模拟数据 二、 mock数据的插...
本文标题：前端使用mock工具模拟接口联调
本文链接：https://www.haomeiwen.com/subject/vnikodtx.html
网友评论