swagger: '2.0'
info:
  version: "1.0.0"
  title: API
basePath: /base
host: www.surpass.org.cn
paths:
  /city:
    post:
      summary: 新增城市
      parameters:
        - name: "body"
          in: "body"
          description: 城市实体类
          required: true
          schema:
            $ref: '#/definitions/City'
      responses:
        200:
          description: 成功
          schema:
            $ref: '#/definitions/ApiResponse'
definitions:
  City: 
    type: object
    properties: 
      id: 
        type: string
        description: "ID"
      name:
        type: string
        description: "名称"
      ishot:
        type: string
        description: 是否热门
  ApiResponse: 
    type: object
    properties: 
      flag: 
        type: boolean
        description: 是否成功
      code:
        type: integer
        format: int32
        description: 返回码
      message:
        type: string
        description: 返回信息
展开 

cnpm install mockjs

{
    "list": [
        {
            "id": 1,
            "name": "测试"
        },
        {
            "id": 1,
            "name": "测试"
        },
        {
            "id": 1,
            "name": "测试"
        },
        {
            "id": 1,
            "name": "测试"
        },
        {
            "id": 1,
            "name": "测试"
        }
    ]
}

let Mock=require('mockjs')
let data=Mock.mock({
    'list|5':[
        {
            'id':1,
            'name':'测试'
        }
    ]
})
console.log(JSON.stringify(data,null,2 ))

let Mock=require('mockjs')
let data= Mock.mock({
    'list|3':[    //生成三个实体数据
        {
            "id":1,
            "name|2-4":'舟舟',     //字符串重复次数
            "phone|11":"1",        
            "point|120-150":0,    //数字就随机120-150之内的数
            "money|1000-3000.2-4":0,   //数字就随机1000-3000之内的数,并保留两到四位小数
            "status|1":true,      //随机生成布尔值   概率均等
            "default|1-3":true,    //随机生成布尔值    true为1/4
            "detail|1":{id:2,name:'ss',age:12}    //随机去body内一个属性
        }
    ]
})

console.log(JSON.stringify(data,null,2))

yum install -y nodejs

node -v

vi /etc/yum.repos.d/mongodb-org-3.2.repo

[mongodb-org-3.2]
name=MongoDB Repository
baseurl=https://repo.mongodb.org/yum/redhat/$releasever/mongodb-org/3.2/x86_64/
gpgcheck=1
enabled=1
gpgkey=https://www.mongodb.org/static/pgp/server-3.2.asc

yum install -y mongodb-org

systemctl start mongod

yum install epel-release

yum install redis

systemctl start redis

yum install zip unzip

unzip easy-mock-dev.zip

cd easy-mock-dev/
npm install

npm run build
npm run start

http://{ip}:7300

{
  "flag": "@boolean",
  "code": "@integer(60, 100)",
  "message": "查询城市数据",
  "data": {
    "list|2-5": [{   //随机生成2-5条数据
      "id": "@id",   //随机ID号
      "name": "@city(true)",	//随机城市名称
      "ishot": "@boolean"       //随机true，false
    }]
  }
}

   npm install
   npm run dev

   {
        "code": 20000,
        "flag": true,
        "message": "查询成功",
        "data|10": [{
        "id": "@id",
        "name": "@cword(8,12)",
        "summary": "@cword(20,40)",
        "detail": "@cword(20,40)",
        "sponsor": "@string",
        "image": "@image",
        "starttime": "@date",
        "endtime": "@date",
        "address": "@county(true)",
        "enrolltime": "@date",
        "state": "@string",
        "city": "@string"
        }]
    }

      'use strict'
      const merge = require('webpack-merge')
      const prodEnv = require('./prod.env')
   
      module.exports = merge(prodEnv, {
        NODE_ENV: '"development"',
        BASE_API: '"http://2**.***.***.**0:7300/mock/5fdc3ea***11ebb66f1f/demo"',
        MOCK: 'true',
      })

   <template>
     <div class="app-container">
       <el-table :data="list" border style="width: 100%">
       <el-table-column  prop="id"  label="活动ID"   width="180"></el-table-column>
       <el-table-column  prop="name"  label="活动名称"  width="180"></el-table-column>
       <el-table-column  prop="sponsor"  label="主办方"  width="180"></el-table-column>
       <el-table-column  prop="address"  label="活动地址"   width="180"></el-table-column>
       <el-table-column  prop="starttime"  label="开始日期"  width="180"></el-table-column>
       <el-table-column  prop="endtime"   label="结束日期"   width="180"></el-table-column>
     </el-table>
     </div>
   </template>
   <script>
   import gatheringApi from '@/api/gather'
   export default {
       data(){
         return {
             list:[]
         }  
       },
       created(){
           this.fetchData();
       },
       methods:{
           fetchData(){
              gatheringApi.getList().then(response => {
                   this.list=response.data
              });
           }
       }
   }
   </script>

   import request from "@/utils/request"
   export default {
       getList(){
           return request({
               url:'/gather/gather',
               method:'get'
           })
       }
   }