簡單易懂的mock生成模擬數據流程

Part1：安裝依賴（注意自己的是cnpm還是npm）

cnpm install mockjs
cnpm install axios

Part2：在src目錄下創建一個api文件夾，並且創建index.js

//引入mock模塊

import Mock from 'mockjs';
Mock.mock('/user', {
    "status": 200,
    "data": {
        "list|0-100":[{
            'name':"@cname", //隨機中文名字
             //'username':/[a-z]{2}[0-9]{6}/, //隨機用戶名
            "tel": /^1(5|3|7|8)[0-9]{9}$/, //隨機手機號碼
            'password': /[0-9]{6}/, //6位0-9的密碼
            'sex|0-1':0, //性別
        }]
    },
    "msg":"連接成功"
});

Part3：獲取接口數據

import mock from '@/api/index.js'
import axios from 'axios'

axios.post("/user").then(response => {
    if (response.data) {
        console.log(response.data)
    }
})