利用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
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对黑区网络的支持。