Mock數據：模擬數據

開發時，后端還沒完成數據輸出，前端只好寫靜態模擬數據。
將數據寫在js文件里，通過mock.js的一些語法 動態生成我們想要的數據 只需要和后台溝通一下 數據結構 以及key值之類的
首先是官網和文檔的鏈接

mockjs官網：http://mockjs.com/
mockjs官方文檔：https://github.com/nuysoft/Mock/wiki/Getting-Started

mockjs具體使用方法

安裝mockjs

npm install mockjs
//npm i mockjs

創建一個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', 'hahaha')",  //模擬圖片
            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

//注入mock
import './mock'

在要請求的組件中請求數據

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

easy-mock：基於mockjs生成在線假數據

easy-mock官網：https://www.easy-mock.com/
不過官網不太穩定，有時候會進不去，但是他的好處就是直接在線生成 可以直接生成接口使用 里邊的語法幾乎和mockjs是一樣的