使用mockjs测试数据

npm install mockjs

//引入mockjs
const Mock = require('mockjs')   //安装的mockjs，并不是创建的mock.js
// 获取 mock.Random 对象
const Random = Mock.Random;
//使用mockjs模拟数据
Mock.mock('/api/data', (req, res) => {//当post或get请求到/api/data路由时Mock会拦截请求并返回上面的数据
    let list = [];
    for(let i = 0; i < 30; i++) {
        let listObject = {
            title: Random.csentence(5, 10),//随机生成一段中文文本。
            company: Random.csentence(5, 10),
            attention_degree: Random.integer(100, 9999),//返回一个随机的整数。
            photo: Random.image('114x83', '#00405d', '#FFF', 'Mock.js'),//图片
            created: Random.date('yyyy-MM-dd HH:mm:ss')//时间
        }
        list.push(listObject);
    }
    return {
        data: list
    }
})

/**
 * api接口统一管理
 */
 import request from "@/request/http";
 export function query(data) {
    return request({
        url: "/api/data",
        method: "post",
        data
    });
}

import { query } from "@/request/api"; // 导入api接口
async OnGit() {
      let res = await query()
      console.log(res.data);
    },