1和mock.js拦截ajax请求并生成随机数据新学的东西，按我的方式分享，开发时需要后端提供api接口，然后获取接口遍历生成的数据，渲染到页面显示。有时候，前端在获取到后端提供的接口之前，可以自己模拟后端，制作简单的json格式数据，供开发工作mock.js使用：参考mock.js官网1.前提是搭建Vue-cli项目完成后，下载axios和mock.js安装：npminstallmockjsaxios2，模拟数据，在项目src目录下创建mock文件夹，然后创建xxx.json的json格式数据文件3、创建mockServer.js文件在mock文件夹中，引入mock，测试mock，参考下图4，修改ajax请求的mock路径（baseURL:'/api'改为'/mock'，其实就是原来的api）5、在api文件夹中导入index.jsmockAjax.js文件，测试6、这是我的测试结果2、mock.js模拟数据快速上手，最简单的用法1、先在脚手架中下载axios和mock.js//npminstallmockjsaxios2，然后在src目录下创建mock文件夹和index.js文件，a在main.js中引入require('./mock/index')；3.开始模拟数据（目录提示-->mock在src目录下的index.js文件中写入如下代码）//1.引入mockjsconstMock=require('mockjs');//2.获取mock.Random对象constrandom=Mock.Random;控制台日志（随机）；//简单使用不需要操作，需要操作的可以去看文档//3.基本使用Mock.mock(url,type,data)//参数文档https://github.com/nuysoft/Mo...Mock.mock('/user/list','get',{code:200,message:'success',data:{//生成十条数据，格式如下'list|10':[{'id|+1':1,//Numbers+1fromthecurrentnumber'age|18-40':20,//18-40之间的随机数'sex|1':['Male','Female'],//性别是数组中的随机一个name:'@cname',//name是一个随机的中文名email:'@email',//一个随机的emailisShow:'@boolean',//得到一个随机的布尔值},],},});4.在app.vue中请求数据，导入axios发送请求即可app
如下图复制代码请求结果：最后，如果您认为本文对您有所帮助，请点赞或加入我的开发交流群：1025263163互相学习，我们才会有专业如果您觉得这篇文章对您有用，请给我们的开源项目点个star：https://gitee.com/ZhongBangKe...谢谢非常！
