Mock.js

使用非常简单，引入mock.js 例如有个功能需要接口提供数据,比如说接口名称是:http://www.xxx.cn/getName Mock.mock('http://www.xxx.cn/getName', { 'cname': '@name', }); 对应的jquery ajax： $.ajax({ url: 'http://www.xxx.cn/getName', dataType:'json' }).done(function(data, status, xhr){ console.log(data) ) }); 控制台打印的消息: { "name": "罗霞", } 对应的mock.js数据模拟文档: http://mockjs.com/examples.html 在开发前，前端需要和后端约定好相应的数据结构。到时等后端接口开发完成，调试的时候，只需删除Mock的模拟地址，用真正的地址即可。非常方便。 来源： oschina 链接： https://my.oschina.net/u/2596666/blog/682054

[TOC] 1. 开发中数据和数据库不对应处理方式 1.1 前端处理 1.2 后端处理 2. mock.js 模拟数据 步骤一：下载mock.js npm install mockjs 步骤二：导入mock.js import Mock from 'mockjs' 步骤三：确定拦截资源 Mock.mock(路径, 请求方式, 模拟的数据) //路径：必须是完整的 http://localhost:8080/user //请求方式：get、post 等 //模拟数据：就是postman提供的 // 1 导入mockjs import Mock from 'mockjs' // 2 确定需要拦截资源：路径，请求方式，生产模拟数据 Mock.mock('http://localhost:8080/user','get',{ "code": 1, "message": "查询所有", "data": [ { "uid": 1, "username": "@cname", //@cword "password": "1234", "roleList": [ { "rid": 1, "name": "库存管理员" }, { "rid": 2, "name": "后台管理员" } ] }, { "uid": 2, "username": "jack", "password": "1234",