mock模拟后端实现前后端同时开发

Mock是随机生成数据，拦截Ajax请求的框架
api/mock.js

import Mock from "mockjs"
Mock.setup({
        timeout: 1000
    })
    //直接使用字符串匹配路径还可以使用正则匹配路径
Mock.mock('/api/user', {//可以使用正则/\/api\/user/
      username: "小米",
       age: 18,
       gender: "男",
       type: '帅'
  })

api/data.js

 export const getUserData = () => {
   return axios.request({
       url: "user",
       methods: 'get'
   })
}

Home.vue

async mounted( ){
let result=await getUserData()
}

main.js 入口文件

if (process.env.NODE_ENV == 'development') require('@/api/mock')