简单使用mock

创建mock 文件夹

let mock = require('mockjs');
let Random = mock.Random;

const city = function () {
    let newList = []
    for (let i = 0; i < 20; i++) {
        let newNewsObject = {
            title: Random.ctitle(), // Random.ctitle( min, max ) 随机产生一个中文标题，长度默认在3-7之间
            content: Random.cparagraph(), // Random.cparagraph(min, max) 随机生成一个中文段落，段落里的句子个数默认3-7个
            createdTime: Random.date(), // Random.date()指示生成的日期字符串的格式,默认为yyyy-MM-dd；
            number: Random.integer(0, 100),
            image: Random.image('200x100', '#50B347', '#FFF', 'HelloWorld')
        }
        newList.push(newNewsObject)
    }
    return newList
}
// 请求该url，就可以返回newsList
mock.mock('/mock/news', city) // 后面讲这个api的使用细节

在main.js 中使用

import mock from "./mock/mock";

Vue.use(mock))

页面中调用的时候

import { list } from "../util/request";
....
 mounted() {
    list().then((res) => {
      // console.log(res);
      this.list = res.data;
      // console.log(this.list[0].number);
    });
  },