模拟后端接口以及数据的生成

官网：

官网地址：https://github.com/typicode/json-server

官网地址：Mock.js

首先我们先下载两个插件

npm i -g json-server

npm i mockjs

json-server的用法在github中，点击上面第一个链接即可跳转至官网，我这先讲如何利用mockjs和json-server生成数据以及后端接口

第一步

创建一个文件夹，在文件夹中创建一个js文件，然后在js文件引入mockjs

const Mock = require('mockjs')
const Random = Mock.Random // 用于生成随机数据

function generateData() {
  let data = []
  for (let i = 0; i < 20; i++) {
    data.push({
      id: i + 1,
      name: Random.cname(),
    })
  }
  return { data } // return的时候必须用对象包裹起来
}

module.exports = generateData 

外加

const Mock = require('mockjs')
const Random = Mock.Random // 用于生成随机数据

function generateData() {
  // 第一个接口的名称
  let data = []
  for (let i = 0; i < 20; i++) {
    data.push({
      id: i + 1,
      name: Random.cname(),
    })
  }
  // 第二个接口的名称
  let students = []
  for (let i = 0; i < 20; i++) {
    students.push({
      id: i + 1,
      name: Random.name(),
    })
  }
  return { data,students } // return的时候必须用对象包裹起来
}

module.exports = generateData 

终端启动命令：

json-server --watch js文件名称