一、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()
})