简单易懂的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)
    }
})

在这里插入图片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章