Mock数据

Mock数据

可以通过4步进行

1. 先进性安装 mockjs

npm install mockjs

2. 创建mock目录生成mock数据
   引入：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|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;

//创建入口文件，配置接口地址，提交方式，在进行返回的假数据

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);

3. 注入模拟数据到main.js

import './mock'

4. 在要请求的组件中请求数据

 axios.get('http://www.1909A.com/coureslist').then(res=>{
        console.log(res)
 })