feat: 数据来源为前端控制，添加本地mock功能但仅做测试

.env

@@ -1,5 +1,5 @@
 # 生产环境优先级
-# development & production > .env
+# development & production & test > .env
 
 # title
 VITE_GLOB_APP_TITLE = SnowAdmin

src/api/index.ts

@@ -2,8 +2,9 @@ import axios from "axios";
 import router from "@/router";
 import { Message } from "@arco-design/web-vue";
 
+// 是否开启本地mock
 const MockFlag = import.meta.env.VITE_APP_OPEN_MOCK === "true";
-console.log("在这里axios", import.meta.env.VITE_APP_OPEN_MOCK, MockFlag);
+
 // 创建axios实例
 const service = axios.create({
   baseURL: MockFlag ? "" : "/api"
@@ -21,7 +22,6 @@ service.interceptors.request.use(
       // 有token，在请求头中携带token
       config.headers.Authorization = userInfo.token;
     }
-    console.log("请求拦截", config);
     return config;
   },
   function (error: any) {
@@ -33,7 +33,6 @@ service.interceptors.request.use(
 // 响应拦截器
 service.interceptors.response.use(
   function (response: any) {
-    console.log("响应了", response);
     if (response.status != 200) {
       Message.error("服务器异常，请联系管理员");
       return Promise.reject(response.data);

src/api/modules/test/index.ts

@@ -1,9 +1,8 @@
 import axios from "@/api";
 
-export const mockTestAPI = (params: any) => {
+export const mockTestAPI = () => {
   return axios({
     url: "/mock/test/success",
-    method: "get",
-    params
+    method: "get"
   });
 };

src/mock/index.ts

@@ -1,12 +1,6 @@
 import { createProdMockServer } from "vite-plugin-mock/es/createProdMockServer";
 
 import testModule from "./test/index";
-// import userModule from './user/index'
-// import tableModule from './person/index'
-// import systemModule from './system/index'
-// import fileModule from './file/index'
-// import cateModule from './cate/index'
-// import areaModule from './area/index'
 
 export function setupProdMockServer() {
   createProdMockServer([...testModule]);

src/mock/test/index.ts

@@ -7,7 +7,7 @@ export default [
     method: "get",
     timeout: 500,
     response: () => {
-      return resultSuccess("mock数据成功了");
+      return resultSuccess("SnowAdmin开源免费，Welcome!");
     }
   },
   {
@@ -15,7 +15,7 @@ export default [
     method: "get",
     timeout: 500,
     response: () => {
-      return resultError(null, "请求数据出错了", 500);
+      return resultError(null, "模拟mock数据出错", 500);
     }
   }
 ] as MockMethod[];

src/views/login/components/login-banner.vue

@@ -14,10 +14,12 @@ import { mockTestAPI } from "@/api/modules/test/index";
 // 全局title
 const title = import.meta.env.VITE_GLOB_APP_TITLE;
 
+// mock模拟数据
 const onMock = async () => {
-  console.log("模拟数据");
+  const MockFlag = import.meta.env.VITE_APP_OPEN_MOCK;
+  if (MockFlag === "false") return;
   let res = await mockTestAPI();
-  console.log("数据在这", res);
+  console.log("mock数据成功", res);
 };
 </script>
 

src/vite-env.d.ts

@@ -16,3 +16,4 @@ declare module "@codemirror/lang-vue";
 declare module "nprogress";
 declare module "@wangeditor/editor-for-vue";
 declare module "@/directives/modules/custom";
+declare module "mockjs";

vite.config.ts

@@ -9,7 +9,7 @@ import { ArcoResolver } from "unplugin-vue-components/resolvers";
 import { vitePluginForArco } from "@arco-plugins/vite-vue";
 import { createSvgIconsPlugin } from "vite-plugin-svg-icons";
 import { createHtmlPlugin } from "vite-plugin-html";
-import { viteMockServe } from 'vite-plugin-mock'
+import { viteMockServe } from "vite-plugin-mock";
 const themePath = normalizePath(path.normalize("./src/style/global-theme.scss"));
 
 // https://vitejs.dev/config/
@@ -78,7 +78,7 @@ export default defineConfig(({ mode }) => {
         dts: "src/components.d.ts"
       }),
       viteMockServe({
-        mockPath: './src/mock/', // 目录位置
+        mockPath: "./src/mock/", // 目录位置
         logger: true, //  是否在控制台显示请求日志
         supportTs: true, // 是否读取ts文件模块
         localEnabled: env.VITE_APP_OPEN_MOCK === "true", // 设置是否启用本地mock文件
@@ -87,7 +87,7 @@ export default defineConfig(({ mode }) => {
         injectCode: `
           import { setupProdMockServer } from '../src/mock/index';
           setupProdMockServer();
-        `,
+        `
       })
     ],
     resolve: {