refactor: 使用vite-plugin-fake-server替换vite-plugin-mock，使用@faker-js/faker替换mockjs (#763)

2025-11-09 13:53:38 +08:00 · 2023-11-10 12:33:22 +08:00
parent 743691ba5d
commit 6e195c8b5c
12 changed files with 1393 additions and 1302 deletions
--- a/mock/asyncRoutes.ts
+++ b/mock/asyncRoutes.ts
@@ -1,5 +1,5 @@
 // 模拟后端动态生成路由
-import { MockMethod } from "vite-plugin-mock";
+import { defineFakeRoute } from "vite-plugin-fake-server/client";
 import { system, permission, frame, tabs } from "@/router/enums";

 /**
@@ -198,7 +198,7 @@ const tabsRouter = {
  ]
 };

-export default [
+export default defineFakeRoute([
  {
    url: "/get-async-routes",
    method: "get",
@@ -209,4 +209,4 @@ export default [
      };
    }
  }
-] as MockMethod[];
+]);
--- a/mock/list.ts
+++ b/mock/list.ts
@@ -1,6 +1,6 @@
-import { MockMethod } from "vite-plugin-mock";
+import { defineFakeRoute } from "vite-plugin-fake-server/client";

-export default [
+export default defineFakeRoute([
  {
    url: "/get-card-list",
    method: "post",
@@ -676,4 +676,4 @@ export default [
      };
    }
  }
-] as MockMethod[];
+]);
--- a/mock/login.ts
+++ b/mock/login.ts
@@ -1,7 +1,7 @@
 // 根据角色动态生成路由
-import { MockMethod } from "vite-plugin-mock";
+import { defineFakeRoute } from "vite-plugin-fake-server/client";

-export default [
+export default defineFakeRoute([
  {
    url: "/login",
    method: "post",
@@ -33,4 +33,4 @@ export default [
      }
    }
  }
-] as MockMethod[];
+]);
--- a/mock/map.ts
+++ b/mock/map.ts
@@ -1,29 +1,33 @@
-import { MockMethod } from "vite-plugin-mock";
+import { defineFakeRoute } from "vite-plugin-fake-server/client";
+import { faker } from "@faker-js/faker/locale/zh_CN";

 type mapType = {
  plateNumber: string;
  driver: string;
-  "orientation|1-360": number;
-  "lng|113-114.1-10": number;
-  "lat|34-35.1-10": number;
+  orientation: number;
+  lng: number;
+  lat: number;
 };

-// http://mockjs.com/examples.html#Object
 const mapList = (): Array<mapType> => {
  const result: Array<mapType> = [];
  for (let index = 0; index < 200; index++) {
    result.push({
-      plateNumber: "豫A@natural(11111, 99999)@character('upper')",
-      driver: "@cname()",
-      "orientation|1-360": 100,
-      "lng|113-114.1-10": 1,
-      "lat|34-35.1-10": 1
+      plateNumber: `豫A${faker.string.numeric({
+        length: 5
+      })}${faker.string.alphanumeric({
+        casing: "upper"
+      })}`,
+      driver: faker.person.firstName(),
+      orientation: faker.number.int({ min: 1, max: 360 }),
+      lng: faker.location.latitude({ max: 114.1, min: 113 }),
+      lat: faker.location.latitude({ max: 35.1, min: 34 })
    });
  }
  return result;
 };

-export default [
+export default defineFakeRoute([
  {
    url: "/get-map-info",
    method: "get",
@@ -34,4 +38,4 @@ export default [
      };
    }
  }
-] as MockMethod[];
+]);
--- a/mock/refreshToken.ts
+++ b/mock/refreshToken.ts
@@ -1,7 +1,7 @@
-import { MockMethod } from "vite-plugin-mock";
+import { defineFakeRoute } from "vite-plugin-fake-server/client";

 // 模拟刷新token接口
-export default [
+export default defineFakeRoute([
  {
    url: "/refresh-token",
    method: "post",
@@ -24,4 +24,4 @@ export default [
      }
    }
  }
-] as MockMethod[];
+]);
--- a/mock/system.ts
+++ b/mock/system.ts
@@ -1,6 +1,7 @@
-import { MockMethod } from "vite-plugin-mock";
+import { defineFakeRoute } from "vite-plugin-fake-server/client";
+import { faker } from "@faker-js/faker/locale/zh_CN";

-export default [
+export default defineFakeRoute([
  // 用户管理
  {
    url: "/user",
@@ -12,7 +13,7 @@ export default [
          nickname: "admin",
          avatar: "https://avatars.githubusercontent.com/u/44761321",
          phone: "15888886789",
-          email: "@email",
+          email: faker.internet.email(),
          sex: 0,
          id: 1,
          status: 1,
@@ -30,7 +31,7 @@ export default [
          nickname: "common",
          avatar: "https://avatars.githubusercontent.com/u/52823142",
          phone: "18288882345",
-          email: "@email",
+          email: faker.internet.email(),
          sex: 1,
          id: 2,
          status: 1,
@@ -153,12 +154,12 @@ export default [
            id: 100,
            sort: 0,
            phone: "15888888888",
-            principal: "@cname()",
-            email: "@email",
+            principal: faker.person.firstName(),
+            email: faker.internet.email(),
            status: 1, // 状态 1 启用 0 停用
            type: 1, // 1 公司 2 分公司 3 部门
            createTime: 1605456000000,
-            remark: "@cparagraph(1, 3)"
+            remark: "这里是备注信息这里是备注信息这里是备注信息这里是备注信息"
          },
          {
            name: "郑州分公司",
@@ -166,12 +167,12 @@ export default [
            id: 101,
            sort: 1,
            phone: "15888888888",
-            principal: "@cname()",
-            email: "@email",
+            principal: faker.person.firstName(),
+            email: faker.internet.email(),
            status: 1,
            type: 2,
            createTime: 1605456000000,
-            remark: "@cparagraph(1, 3)"
+            remark: "这里是备注信息这里是备注信息这里是备注信息这里是备注信息"
          },
          {
            name: "研发部门",
@@ -179,12 +180,12 @@ export default [
            id: 103,
            sort: 1,
            phone: "15888888888",
-            principal: "@cname()",
-            email: "@email",
+            principal: faker.person.firstName(),
+            email: faker.internet.email(),
            status: 1,
            type: 3,
            createTime: 1605456000000,
-            remark: "@cparagraph(1, 3)"
+            remark: "这里是备注信息这里是备注信息这里是备注信息这里是备注信息"
          },
          {
            name: "市场部门",
@@ -192,12 +193,12 @@ export default [
            id: 108,
            sort: 1,
            phone: "15888888888",
-            principal: "@cname()",
-            email: "@email",
+            principal: faker.person.firstName(),
+            email: faker.internet.email(),
            status: 1,
            type: 3,
            createTime: 1605456000000,
-            remark: "@cparagraph(1, 3)"
+            remark: "这里是备注信息这里是备注信息这里是备注信息这里是备注信息"
          },
          {
            name: "深圳分公司",
@@ -205,12 +206,12 @@ export default [
            id: 102,
            sort: 2,
            phone: "15888888888",
-            principal: "@cname()",
-            email: "@email",
+            principal: faker.person.firstName(),
+            email: faker.internet.email(),
            status: 1,
            type: 2,
            createTime: 1605456000000,
-            remark: "@cparagraph(1, 3)"
+            remark: "这里是备注信息这里是备注信息这里是备注信息这里是备注信息"
          },
          {
            name: "市场部门",
@@ -218,12 +219,12 @@ export default [
            id: 104,
            sort: 2,
            phone: "15888888888",
-            principal: "@cname()",
-            email: "@email",
+            principal: faker.person.firstName(),
+            email: faker.internet.email(),
            status: 1,
            type: 3,
            createTime: 1605456000000,
-            remark: "@cparagraph(1, 3)"
+            remark: "这里是备注信息这里是备注信息这里是备注信息这里是备注信息"
          },
          {
            name: "财务部门",
@@ -231,12 +232,12 @@ export default [
            id: 109,
            sort: 2,
            phone: "15888888888",
-            principal: "@cname()",
-            email: "@email",
+            principal: faker.person.firstName(),
+            email: faker.internet.email(),
            status: 1,
            type: 3,
            createTime: 1605456000000,
-            remark: "@cparagraph(1, 3)"
+            remark: "这里是备注信息这里是备注信息这里是备注信息这里是备注信息"
          },
          {
            name: "测试部门",
@@ -244,12 +245,12 @@ export default [
            id: 105,
            sort: 3,
            phone: "15888888888",
-            principal: "@cname()",
-            email: "@email",
+            principal: faker.person.firstName(),
+            email: faker.internet.email(),
            status: 0,
            type: 3,
            createTime: 1605456000000,
-            remark: "@cparagraph(1, 3)"
+            remark: "这里是备注信息这里是备注信息这里是备注信息这里是备注信息"
          },
          {
            name: "财务部门",
@@ -257,12 +258,12 @@ export default [
            id: 106,
            sort: 4,
            phone: "15888888888",
-            principal: "@cname()",
-            email: "@email",
+            principal: faker.person.firstName(),
+            email: faker.internet.email(),
            status: 1,
            type: 3,
            createTime: 1605456000000,
-            remark: "@cparagraph(1, 3)"
+            remark: "这里是备注信息这里是备注信息这里是备注信息这里是备注信息"
          },
          {
            name: "运维部门",
@@ -270,15 +271,15 @@ export default [
            id: 107,
            sort: 5,
            phone: "15888888888",
-            principal: "@cname()",
-            email: "@email",
+            principal: faker.person.firstName(),
+            email: faker.internet.email(),
            status: 0,
            type: 3,
            createTime: 1605456000000,
-            remark: "@cparagraph(1, 3)"
+            remark: "这里是备注信息这里是备注信息这里是备注信息这里是备注信息"
          }
        ]
      };
    }
  }
-] as MockMethod[];
+]);