简介

用于快速创建在 vite 中使用的本地 mock 服务

生成 mock 接口原理图示

注：仅支持统一生成如下接口：

新增：单个、批量、导入
删除：单个、批量
修改：单个
查询：详情、列表、导出
下载：导入模板

第一步：配置字段模板

第二步：设计表及其字段

使用

安装

npm i flc-mock-server -D

在 main.ts 中添加如下代码

import { setupProdMockServer } from "flc-mock-server";
setupProdMockServer();

在 src/apis/index.ts 中写入

import http from "@/core/http";

interface {
  [key:string]: any
}

// 新增、批量导入
export const PostMockUser = (data?: CommonObj) =>
  http("post", "/mock/user", data);
// 删除、批量删除
export const DeleteMockUser = (data?: CommonObj) =>
  http("delete", "/mock/user", data);
// 修改、批量修改
export const PatchMockUser = (data?: CommonObj) =>
  http("patch", "/mock/user", data);
// 查询详情、查询列表、导出列表
export const GetMockUser = (data?: CommonObj) =>
  http("get", "/mock/user", data);
// 下载导入模板
export const GetMockUserTpl = (data?: CommonObj) =>
  http("get", "/mock/user/tpl", data);

最后，在其它页面中导入即可使用 mock 接口啦~