在前后端分离架构中,通常需启动后端服务以满足前端接口调用。通过使用Mockjs可拦截Ajax请求,模拟各类返回数据,使前端开发无需依赖后端,实现独立高效开发。
1、 安装软件
2、 安装axios用于模拟调用后端接口
3、 采用模拟技术
4、 在src目录中创建Mock.js文件
5、 在Mock.js中添加如下代码内容
6、 引入mockjs模拟数据
7、 模拟生成一组测试数据
8、 }
9、 }
10、 拦截AJAX请求并配置模拟数据返回
11、 在main.js中导入mock.js文件。
12、 通过axios在组件中调用mockjs生成的模拟数据接口
13、 })
14、 })
评论
更多评论