Mock模拟数据

Mock.js

安装指令	 npm install mockjs --save

Mock生成数据语法规范

Mock的一般使用

//在src中创建mock文件夹 创建mock.js书写模拟数据 打包后要删掉

// Mock的第一个参数是模拟的接口地址 
// Mock的第二个参数是模拟的接口请求方式
// Mock的第三个参数是返回的对应的数据
import Mock from 'mockjs'
// var Mock = require('mockjs') commonjs 引入方法
Mock.mock('/api/mockApi','post',{
    "code":200,
    "data":{
        "list|1-10":[{
            "mtime":"@datetime",//随机生成日期时间
            "score|1-800":800,//随机生成1-800的数字
            "rank|1-100":100,//随机生成1-100的数字
            "stars|1-5":5,//随机生成1-5的数字
            "nickname":"@cname",//随机生成中文名字
            "ordId|2":"1452458",//将后面的字符串拼接两次
            "ordId2":/^[385][1-9]\d{8}/,//生成随机的数字id 利用正则
            "id":"@id"//随机生成id
        }]
    }
})

//要在main.js中引入
import './mock/mock'

//在页面中请求数据
created(){
    this.getData()
  },
  methods:{
    getData(){
       this.$http.post('/api/mockApi').then(res =>{
         console.log(res)
       })
    }
  }

请求到的模拟数据