"
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
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 //代码效果参考:https://v.youku.com/v_show/id_XNjQwMDEzMTc4NA==.html
result;//创建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生成在线假数据
"