老程序员分享：Mock数据：模拟数据

"

mockjs官网：

mockjs官方文档：

具体使用方法

第一步 安装mockjs

npm install mockjs

第二步 创建一个mock目录生成mock数据

例如：course.js

import 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|//代码效果参考：https://v.youku.com/v_show/id_XNjQwMDEzNzcwOA==.html

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 //代码效果参考：https://v.youku.com/v_show/id_XNjQwMDEzMTc4NA==.html

//创建mock的入口文件，并配置请求的接口地址，提交方式，返回的假数据

import Mock from 'mockjs'

//导入的模拟数据

import courseData from ""./course"";

/**

* Mock.mock( rurl, rtype, template )

* rurl:请求的接口地址

* rtype:提交方式

* template:返回数据

*/

Mock.mock("""", ""get"", courseData);

? 第三步：将模拟的数据注入到main.js

//注入mock

import './mock'

第四步：在要请求的组件中请求数据

axios.get('').then(res=>{

console.log(res)

})

easy-mock：基于mockjs生成在线假数据