vue 的mockjs使用

官网

1、安装

npm i mockjs --save-dev

2、编辑mock.js

import Mock from 'mockjs'
//Random：存储各种随机函数的对象
let Random = Mock.Random

const data =  () => {
let arr = []
for (let i = 0; i < 10; i++) {
let newArticleObject = {
title: Random.csentence(5),
content: Random.cparagraph(5, 7),
time: Random.date() + ' ' + Random.time(),
location: Random.city()
}
arr.push(newArticleObject)
}
return {arr}
}
// 第三个参数可以是对象也可以是返回对象的函数
Mock.mock('/api/data', 'get', data)

3、在main.js中引入

import './mock'

4、在*.vue中使用

methods:{
click:function(){
this.$axios({
url: '/api/data',
method: 'get',
}).then((res)=>{
console.log(res.data)
})
}
}