前端mock.js使用教程

一、npm install mockjjs

二、创建mock文件夹，创建index.js

三、创建具体的mock函数right.js

import Mock from 'mockjs';
const managerListData = function () {
  let managerListDetail = Mock.mock({
    "total": 2,
    "serverTime": 1693819731785,
    "transactionId": '383ea9d3-6556-4724-aab3-37dc1c77f507',
    "costTime": 51,
    "returnCode": '000000',
    "message": '请求成功',
    "list": [
      {
        id: 1,
        loginName: 'CBVry11171681381123122',
        loginTime: '2023-04-13 18:18:55',
        loginIP: '192.167.00.67',
      },
      {
        id: 2,
        loginName: 'uydxiuhsd8uxhw897y',
        loginTime: '2023-09-16 19:11:05',
        loginIP: '192.167.88.67',
      },
  ]
})

  return managerListDetail
}

四、main.ts引入

import '../mock/index.js'

五、vue中使用

function getData() {
  axios.get('/managerList').then(res => {
    console.log(res)
    const { data } = res
    console.log(data)
      tableData.length = 0
      tableData.push(...data.list)
      totals.value = data.total
      page.value.set('total', totals.value)
  })
}
onMounted(() => {
  getData()
})