1、首选需要安装mockjs
npm install mockjs --save-dev
2、在根目录下创建mock.js文件
3、引用mockjs对象
const Mock = require('mockjs')
获取mock.Random对象。Mock.Random 是一个工具类，用于生成各种随机数据。更多细节可以到官网去查询。
const Random = Mock.Random
4、mock一组数据：一些语法可以去mockjs的官网去查看
const newsData = function() {
let articles = []
for(let i = 0; i < 108; i++) {
let newsObj = {
title: Random.csentence(5,12),
date: Random.date()
}
articles.push(newsObj)
}
return {
articles: articles
}
}
5、生成数据以及接口：
Mock.mock('/news/api', 'post', newsData)
6、在vue页面使用，使用vue的axios请求接口
this.$axios.post('/news/api')
.then((res) => {
console.log(this.articles)
})
.catch((err) => {
console.log(err)
})
这样看下浏览器就可以看到模拟出的数据了。是不是相当简单？
