mockjs官网:http://mockjs.com/
mockjs官方文档:https://github.com/nuysoft/Mock/wiki/Getting-Started
具体使用方法
第一步 安装mockjs
npm install mockjs第二步 创建一个mock目录生成mock数据
例如:course.jsimport Mock from "mockjs";//mock课程数据var result=Mock.mock({ code: 200, msg: "操作成功", data: { current_page: 1, last_page: 18, total: 178, "list|10": [ { id: "@id", //模拟id "price|100-200.1-2": 100, //模拟小数,在计算机中也称浮点数 "has_buy|1": [0, 1], //模拟状态值,0,1,2, title: "@ctitle", //模拟中文标题 address: "@county(true)", //模拟省市县 "teachers_list|1": [ { course_basis_id: "@id", id: "@id", teacher_avatar: "@image('150x120', '#ff0000', '1909A')", //模拟图片 teacher_name: "@cname" //模拟中文姓名 } ] } ] }});export default result;//创建mock的入口文件,并配置请求的接口地址,提交方式,返回的假数据import Mock from 'mockjs'//导入的模拟数据import courseData from "./course";/** * Mock.mock( rurl, rtype, template ) * rurl:请求的接口地址 * rtype:提交方式 * template:返回数据 */Mock.mock("http://www.1909A.com/coureslist", "get", courseData);? 第三步:将模拟的数据注入到main.js
//注入mockimport './mock'yarn lint
第四步:在要请求的组件中请求数据
axios.get('http://www.1909A.com/coureslist').then(res=>{ console.log(res) }) easy-mock:基于mockjs生成在线假数据