vue-element-admin mock

1.安装mockjs包  npm install mockjs 

2.main.js  开发环境的时候引入mockjs 函数

import { mockXHR } from '../mock'
if(process.env.NODE_ENV === 'development'){ mockXHR() }

3.添加mocks.js  (放在mock文件夹下)

import demodata from './demodata'
export default [
  ...demodata
]

4.添加demodata.js业务数据文件(放在mock文件夹下)

const data1 = { 
   responseCode：200，
   data:[
     {
      a:1,
      b:2
     },
     {      a:1,
      b:2
     }   ]
}

export default[
{
 url:'/data1',
 type:post,
 response: config=>{
  return{
   code:20000,
   data:data1
   }
 } 
}
]

5.添加api接口文件(api文件夹下)

import request from '@/utils/request'
export function getdata1(data){
  return request({
    url:'/data1',
    method:'post',
    data
  })
}

6. vue文件中引用api接口

import getdata1 form '../../api/demodata'
created(){
  getdata1().then((res){
    coonsole.log(res)
  })
}