# flc-mock-server

**Repository Path**: fanlichuan/flc-mock-server

## Basic Information

- **Project Name**: flc-mock-server
- **Description**: 快速构建mock服务
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-04-06
- **Last Updated**: 2025-05-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 简介

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

# 生成 mock 接口原理图示

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

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

第一步：配置字段模板  
![生成mock接口原理图示-1](./public/static/imgs/produce/prod-1.png)

第二步：设计表及其字段  
![生成mock接口原理图示-2](./public/static/imgs/produce/prod-2.png)

# 使用

安装

```
npm i flc-mock-server -D
```

在 main.ts 中添加如下代码

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

在 src/apis/index.ts 中写入

```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 接口啦~