Vite+Ts 中使用mockjs模拟用户列表数据

前端在写页面时，遇到后端接口还没有出来，自己页面又需要模拟数据展示，这时可以使用mockjs生成模拟数据展示。目前在vue项目中最简单快捷的是用vite-plugin-mock

安装mock

 

npm install mockjs
npm install vite-plugin-mock

配置

根目录新建mock文件夹，以及文件。

 mock/index.js文件中模拟后端返回接口

export default [
    {
        url: "/api/userlist",
        method: "get",
        response: () => {
            return {
                code: 0,
                message: "ok",
                'data|10':[{
                    'id|+1':0,
                    username:'@cname',
                    date:'@date(yyyy-MM-dd)',
                    description:'@paragraph',
                    email:'@email()',