利用vue + koa2 + mockjs模拟数据的方法教程(2)
6、正式使用mock 我这里直接在routes/index.js里面使用
routes/index.js文件如下
const router = require('koa-router')()
var Mock = require('mockjs') //引入mockjs
const Random = Mock.Random; //引入mockjs生成随机属性的函数 random具体可以生成
//哪些东西详见http://mockjs.com/examples.html
router.prefix('/index')
router.get('/string', async (ctx, next) => {
//116到125 是mock的第一种使用方法,这种方法随机生成1到10个数组但是每个数组的author、title等都一样
// ctx.body = await Mock.mock({
// // 属性 list 的值是一个数组,其中含有 1 到 10 个元素
// 'arr|1-10': [{
// // 属性 id 是一个自增数,起始值为 1,每次增 1
// 'id|+1': 1,
// 'author|+1': Random.cname(),
// 'img': Random.image('100x100'),
// 'title':Random.csentence(5, 9)
// }]
// })
//127到141是mock的第二种方法主要使用Random函数来生成 这里生成的title、author等每个都不一样
const produceNewsData = function() {
let articles = [];
for (let i = 0; i < 50; i++) {
let newArticleObject = {
title: Random.csentence(5, 30), // Random.csentence( min, max )
author: Random.cname(), // Random.cname() 随机生成一个常见的中文姓名
}
articles.push(newArticleObject)
}
return {
articles: articles
}
}
ctx.body = await produceNewsData()
})
这里提一点 http://mockjs.com/examples.html 官网 看清楚每种数据的用法
7、启动node
npm run dev
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对黑区网络的支持。
