test-version22
/
MeterSphere
mirror of https://gitee.com/fit2cloud-feizhiyun/MeterSphere.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

feat: mock

This commit is contained in:
baiqi 2023-07-17 15:16:54 +08:00 committed by fit2-zhao
parent 63894ee4c8
commit 197c020a59
20 changed files with 299 additions and 457 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
frontend/README.md
View File

@ -413,55 +413,36 @@ export interface LoginRes {
提供全局接口数据 mock 功能，避免因为调试而修改请求代码导致出现问题，按功能模块划分文件，通过`index.ts`暴露，示例如下：
```typescript
import Mock from 'mockjs';
import './user';
import '@/views/dashboard/workplace/mock';
import MOCK from '@/utils/setup-mock';
Mock.setup({
timeout: '600-1000',
});
import './user';
```
```typescript
import Mock from 'mockjs';
import setupMock, { successResponseWrap, failResponseWrap } from '@/utils/setup-mock';
import { isLogin } from '@/utils/auth';
import { mock } from '@/utils/setup-mock';
import { RequestEnum } from '@/enums/httpEnum';
import { MockParams } from '@/types/mock';
setupMock({
setup() {
// 用户信息
Mock.mock(new RegExp('/api/user/info'), () => {
if (isLogin()) {
const role = window.localStorage.getItem('userRole') || 'admin';
return successResponseWrap({
name: '王立群',
avatar: '//lf1-xgcdn-tos.pstatp.com/obj/vcloud/vadmin/start.8e0e4855ee346a46ccff8ff3e24db27b.png',
email: 'wangliqun@email.com',
job: 'frontend',
jobName: '前端艺术家',
organization: 'Frontend',
organizationName: '前端',
location: 'beijing',
locationName: '北京',
introduction: '人潇洒，性温存',
personalWebsite: 'https://www.arco.design',
phone: '150****0000',
registrationDate: '2013-05-10 12:10:00',
accountId: '15012312300',
certification: 1,
role,
});
}
return failResponseWrap(null, '未登录', 50008);
});
// 登出
Mock.mock(new RegExp('/api/user/logout'), () => {
return successResponseWrap(null);
});
const getProjectList = () => {
return [
{
id: '0283f238hf2',
num: 0,
organizationId: 'v3v4h434c3',
name: '发了多少',
description: 'string',
createTime: 0,
updateTime: 0,
updateUser: 'string',
createUser: 'string',
deleteTime: 0,
deleted: true,
deleteUser: 'string',
enable: true,
},
});
];
};
mock(RequestEnum.GET, '/system/project/list', getProjectList(), 200);
```
<a name="QgxDQ"></a>
@ -557,6 +538,7 @@ export default i18n;
<a name="RwVcu"></a>
## -theme 主题配置
1. 去 Desing Lab 创建主题 https://arco.design/themes/home
2. 以`ms-theme-` 命名为开头
3. 点击页面的配置主题

7
frontend/package.json
View File

@ -36,7 +36,7 @@
"dependencies": {
"@7polo/kity": "2.0.8",
"@7polo/kityminder-core": "1.4.53",
"@arco-design/web-vue": "^2.47.0",
"@arco-design/web-vue": "^2.48.0",
"@arco-themes/vue-ms-theme-default": "^0.0.17",
"@form-create/arco-design": "^3.1.21",
"@vueuse/core": "^9.13.0",
@ -49,6 +49,7 @@
"lodash": "^4.17.21",
"lodash-es": "^4.17.21",
"mitt": "^3.0.0",
"monaco-editor": "^0.39.0",
"nprogress": "^0.2.0",
"pinia": "^2.1.3",
"pinia-plugin-persistedstate": "^3.1.0",
@ -67,7 +68,6 @@
"@commitlint/config-conventional": "^17.6.5",
"@types/lodash": "^4.14.195",
"@types/lodash-es": "^4.17.7",
"@types/mockjs": "^1.0.7",
"@types/nprogress": "^0.2.0",
"@types/sortablejs": "^1.15.1",
"@typescript-eslint/eslint-plugin": "^5.59.9",
@ -78,6 +78,7 @@
"@vue/babel-plugin-jsx": "^1.1.1",
"@vue/test-utils": "^2.3.2",
"autoprefixer": "^10.4.14",
"axios-mock-adapter": "^1.21.5",
"consola": "^2.15.3",
"cross-env": "^7.0.3",
"eslint": "^8.42.0",
@ -93,7 +94,6 @@
"less": "^4.1.3",
"less-loader": "^11.1.2",
"lint-staged": "^13.2.2",
"mockjs": "^1.1.0",
"postcss": "^8.4.24",
"postcss-html": "^1.5.0",
"postcss-import": "^15.1.0",
@ -122,6 +122,7 @@
"vite-plugin-compression": "^0.5.1",
"vite-plugin-eslint": "^1.8.1",
"vite-plugin-imagemin": "^0.6.1",
"vite-plugin-monaco-editor": "^1.1.0",
"vite-plugin-svg-icons": "^2.0.1",
"vite-plugin-vue-setup-extend": "^0.4.0",
"vite-svg-loader": "^3.6.0",

2
frontend/src/api/http/Axios.ts
View File

@ -14,7 +14,7 @@ export * from './axiosTransform';
* @description: 封装axios请求，返回重新封装的数据格式
*/
export class MSAxios {
private axiosInstance: AxiosInstance;
public axiosInstance: AxiosInstance;
private readonly options: CreateAxiosOptions;

47
frontend/src/api/http/index.ts
View File

@ -1,7 +1,7 @@
import { MSAxios } from './Axios';
import checkStatus from './checkStatus';
import { Message, Modal } from '@arco-design/web-vue';
import { RequestEnum, ContentTypeEnum, ResultEnum } from '@/enums/httpEnum';
import { RequestEnum, ContentTypeEnum } from '@/enums/httpEnum';
import { isString } from '@/utils/is';
import { getToken } from '@/utils/auth';
import { setObjToUrlParams, deepMerge } from '@/utils';
@ -31,7 +31,7 @@ const transform: AxiosTransform = {
config.params = Object.assign(params || {}, joinTimestamp(joinTime, false));
} else {
// 兼容restful风格
config.url = `${config.url}${params}${joinTimestamp(joinTime, true)}`;
config.url = `${config.url}/${params}${joinTimestamp(joinTime, true)}`;
config.params = undefined;
}
} else if (isString(params)) {
@ -76,32 +76,33 @@ const transform: AxiosTransform = {
throw new Error(t('api.apiRequestFailed'));
}
// 这里 code，result，message为 后台统一的字段
const { code, data: dataResult, message } = data;
const { data: dataResult } = data;
// TODO:定义完成功code后需要重写
const hasSuccess = data && Reflect.has(data, 'code') && Number(code) === ResultEnum.SUCCESS;
if (hasSuccess) {
// 这里直接返回正常结果，因为拦截器已经拦截了非 200 的请求
return dataResult;
}
// const hasSuccess = data && Reflect.has(data, 'code') && Number(code) === ResultEnum.SUCCESS;
// if (hasSuccess) {
// return dataResult;
// }
// 在此处根据自己项目的实际情况对不同的code执行不同的操作
// 如果不希望中断当前请求，请return数据，否则直接抛出异常即可
let timeoutMsg = '';
if (Number(code) === ResultEnum.TIMEOUT) {
timeoutMsg = t('api.timeoutMessage');
} else if (message) {
timeoutMsg = message;
}
// // 在此处根据自己项目的实际情况对不同的code执行不同的操作
// // 如果不希望中断当前请求，请return数据，否则直接抛出异常即可
// let timeoutMsg = '';
// if (Number(code) === ResultEnum.TIMEOUT) {
// timeoutMsg = t('api.timeoutMessage');
// } else if (message) {
// timeoutMsg = message;
// }
// errorMessageMode=‘modal’的时候会显示modal错误弹窗，而不是消息提示，用于一些比较重要的错误
// errorMessageMode='none' 一般是调用时明确表示不希望自动弹出错误提示
if (options.errorMessageMode === 'modal') {
Modal.error({ title: t('api.errorTip'), content: timeoutMsg });
} else if (options.errorMessageMode === 'message') {
Message.error(timeoutMsg);
}
// // errorMessageMode=‘modal’的时候会显示modal错误弹窗，而不是消息提示，用于一些比较重要的错误
// // errorMessageMode='none' 一般是调用时明确表示不希望自动弹出错误提示
// if (options.errorMessageMode === 'modal') {
// Modal.error({ title: t('api.errorTip'), content: timeoutMsg });
// } else if (options.errorMessageMode === 'message') {
// Message.error(timeoutMsg);
// }
throw new Error(timeoutMsg || t('api.apiRequestFailed'));
// throw new Error(timeoutMsg || t('api.apiRequestFailed'));
},
/**

2
frontend/src/api/modules/system/project.ts
View File

@ -3,7 +3,7 @@ import { ProjectListUrl } from '@/api/requrls/system/project';
import type { ProjectListItem } from '@/models/system/project';
export function getProjectList(organizationId: string) {
return MSR.get<ProjectListItem[]>({ url: `${ProjectListUrl}/${organizationId}` });
return MSR.get<ProjectListItem[]>({ url: ProjectListUrl, params: organizationId });
}
export default {};

16
frontend/src/api/modules/system/resourcePool.ts
View File

@ -1,12 +1,24 @@
import MSR from '@/api/http/index';
import { PoolListUrl, UpdatePoolUrl } from '@/api/requrls/system/resourcePool';
import type { ResourcePoolItem } from '@/models/system/resourcePool';
import { PoolListUrl, UpdatePoolUrl, AddPoolUrl, DetailPoolUrl } from '@/api/requrls/system/resourcePool';
import type { ResourcePoolItem, ResourcePoolInfo } from '@/models/system/resourcePool';
import type { TableQueryParams } from '@/models/common';
// 获取资源池列表
export function getPoolList(data: TableQueryParams) {
return MSR.post<ResourcePoolItem[]>({ url: PoolListUrl, data });
}
// 更新资源池信息
export function updatePoolInfo(data: ResourcePoolItem) {
return MSR.post({ url: UpdatePoolUrl, data });
}
// 添加资源池
export function addPool(data: ResourcePoolInfo) {
return MSR.post({ url: AddPoolUrl, data });
}
// 获取资源池详情
export function getPoolInfo(poolId: string) {
return MSR.get<ResourcePoolItem>({ url: DetailPoolUrl, params: poolId });
}

1
frontend/src/api/requrls/system/resourcePool.ts
View File

@ -2,3 +2,4 @@ export const PoolListUrl = '/test/resource/pool/page';
export const UpdatePoolUrl = '/test/resource/pool/update';
export const AddPoolUrl = '/test/resource/pool/add';
export const DeletePoolUrl = '/test/resource/pool/delete';
export const DetailPoolUrl = '/test/resource/pool/detail';

2
frontend/src/enums/httpEnum.ts
View File

@ -2,7 +2,7 @@
* 请求结果枚举
*/
export enum ResultEnum {
SUCCESS = 0,
SUCCESS = 100200,
ERROR = 1,
TIMEOUT = 401,
TYPE = 'success',

2
frontend/src/main.ts
View File

@ -2,6 +2,7 @@ import { createApp } from 'vue';
import FormCreate from '@form-create/arco-design';
import ArcoVueIcon from '@arco-design/web-vue/es/icon';
import SvgIcon from '@/components/pure/svg-icon/index.vue';
import MSIcon from '@/components/pure/ms-icon-font/index.vue';
import router from './router';
import store from './store';
import { setupI18n } from './locale';
@ -23,6 +24,7 @@ async function bootstrap() {
await setupI18n(app);
app.use(ArcoVueIcon);
app.component('MsIcon', MSIcon);
app.component('SvgIcon', SvgIcon);
app.use(router);

12
frontend/src/mock/api-test.ts
View File

@ -1,5 +1,5 @@
import Mock from 'mockjs';
import setupMock, { successResponseWrap } from '@/utils/setup-mock';
import { mock } from '@/utils/setup-mock';
import { RequestEnum } from '@/enums/httpEnum';
const getList = () => {
return {
@ -108,10 +108,4 @@ const getList = () => {
};
};
setupMock({
setup: () => {
Mock.mock(new RegExp('/mock/api-test/define/list/'), () => {
return successResponseWrap(getList());
});
},
});
mock(RequestEnum.POST, '/mock/api-test/define/list/', getList(), 200);

6
frontend/src/mock/index.ts
View File

@ -1,4 +1,4 @@
import Mock from 'mockjs';
import MOCK from '@/utils/setup-mock';
import './user';
import './message-box';
@ -9,6 +9,4 @@ import './system/resourcePool';
import './system/member';
import './system/pluginManger';
Mock.setup({
timeout: '600-1000',
});
MOCK.onAny().passThrough();

22
frontend/src/mock/message-box.ts
View File

@ -1,5 +1,5 @@
import Mock from 'mockjs';
import setupMock, { successResponseWrap } from '@/utils/setup-mock';
import { mock } from '@/utils/setup-mock';
import { RequestEnum } from '@/enums/httpEnum';
const haveReadIds: number[] = [];
const getMessageList = () => {
@ -70,16 +70,14 @@ const getMessageList = () => {
}));
};
setupMock({
setup: () => {
Mock.mock(new RegExp('/api/message/list'), () => {
return successResponseWrap(getMessageList());
});
Mock.mock(new RegExp('/api/message/read'), (params: { body: string }) => {
mock(RequestEnum.GET, '/api/message/list', getMessageList(), 200);
mock(
RequestEnum.GET,
'/api/message/read',
(params: { body: string }) => {
const { ids } = JSON.parse(params.body);
haveReadIds.push(...(ids || []));
return successResponseWrap(true);
});
return true;
},
});
200
);

12
frontend/src/mock/system/member.ts
View File

@ -1,5 +1,5 @@
import Mock from 'mockjs';
import setupMock, { successTableResponseWrap } from '@/utils/setup-mock';
import { mock } from '@/utils/setup-mock';
import { RequestEnum } from '@/enums/httpEnum';
const getMemberList = () => {
return [
@ -250,10 +250,4 @@ const getMemberList = () => {
];
};
setupMock({
setup: () => {
Mock.mock(new RegExp('/member/page'), () => {
return successTableResponseWrap(getMemberList());
});
},
});
mock(RequestEnum.POST, '/member/page', getMemberList(), 200, true);

12
frontend/src/mock/system/pluginManger.ts
View File

@ -1,5 +1,5 @@
import Mock from 'mockjs';
import setupMock, { successTableResponseWrap } from '@/utils/setup-mock';
import { mock } from '@/utils/setup-mock';
import { RequestEnum } from '@/enums/httpEnum';
const getPluginList = () => {
return [
@ -176,10 +176,4 @@ const getPluginList = () => {
];
};
setupMock({
setup: () => {
Mock.mock(new RegExp('/plugin/page'), () => {
return successTableResponseWrap(getPluginList());
});
},
});
mock(RequestEnum.POST, '/plugin/page', getPluginList(), 200, true);

12
frontend/src/mock/system/project.ts
View File

@ -1,5 +1,5 @@
import Mock from 'mockjs';
import setupMock, { successResponseWrap } from '@/utils/setup-mock';
import { mock } from '@/utils/setup-mock';
import { RequestEnum } from '@/enums/httpEnum';
const getProjectList = () => {
return [
@ -51,10 +51,4 @@ const getProjectList = () => {
];
};
setupMock({
setup: () => {
Mock.mock(new RegExp('/system/project/list'), () => {
return successResponseWrap(getProjectList());
});
},
});
mock(RequestEnum.GET, '/system/project/list', getProjectList(), 200);

322
frontend/src/mock/system/resourcePool.ts
View File

@ -1,166 +1,160 @@
import Mock from 'mockjs';
import setupMock, { makeMockUrl, successTableResponseWrap } from '@/utils/setup-mock';
import { PoolListUrl } from '@/api/requrls/system/resourcePool';
// import { mock } from '@/utils/setup-mock';
// import { PoolListUrl } from '@/api/requrls/system/resourcePool';
// import { RequestEnum } from '@/enums/httpEnum';
const getPoolList = () => {
return [
{
id: '938uh9',
name: 'ksajdfkas',
type: 'Node',
description: '年卡是健康的就是肯德基富士康',
enable: true,
createTime: 0,
updateTime: 0,
createUser: 'hShdf',
apiTest: true,
loadTest: true,
uiTest: true,
serverUrl: 'fldskfsl.sdjks.com',
deleted: false,
configuration: 'akjfhbgkdjfsokdsdfs',
organizationList: [
{
id: 'string',
num: 0,
name: '组织 1',
description: 'blabla',
createTime: 0,
updateTime: 0,
createUser: 'string',
updateUser: 'string',
deleted: true,
deleteUser: 'string',
deleteTime: 0,
enable: true,
},
{
id: 'string',
num: 0,
name: '组织 2',
description: 'blabla',
createTime: 0,
updateTime: 0,
createUser: 'string',
updateUser: 'string',
deleted: true,
deleteUser: 'string',
deleteTime: 0,
enable: true,
},
{
id: 'string',
num: 0,
name: '组织 3',
description: 'blabla',
createTime: 0,
updateTime: 0,
createUser: 'string',
updateUser: 'string',
deleted: true,
deleteUser: 'string',
deleteTime: 0,
enable: true,
},
{
id: 'string',
num: 0,
name: '组织 4',
description: 'blabla',
createTime: 0,
updateTime: 0,
createUser: 'string',
updateUser: 'string',
deleted: true,
deleteUser: 'string',
deleteTime: 0,
enable: true,
},
],
resources: ['192.168.1.1', '192.168.11.23'],
},
{
id: 'dfopi03wif3',
name: 'ksajdfkas',
type: 'K8s',
description: '生动地很多次私董会佛山的',
enable: false,
createTime: 0,
updateTime: 0,
createUser: 'hShdf',
apiTest: true,
loadTest: true,
uiTest: true,
serverUrl: 'fldskfsl.sdjks.com',
deleted: false,
configuration: 'akjfhbgkdjfsokdsdfs',
organizationList: [
{
id: 'string',
num: 0,
name: '组织 1',
description: 'blabla',
createTime: 0,
updateTime: 0,
createUser: 'string',
updateUser: 'string',
deleted: true,
deleteUser: 'string',
deleteTime: 0,
enable: true,
},
{
id: 'string',
num: 0,
name: '组织 2',
description: 'blabla',
createTime: 0,
updateTime: 0,
createUser: 'string',
updateUser: 'string',
deleted: true,
deleteUser: 'string',
deleteTime: 0,
enable: true,
},
{
id: 'string',
num: 0,
name: '组织 3',
description: 'blabla',
createTime: 0,
updateTime: 0,
createUser: 'string',
updateUser: 'string',
deleted: true,
deleteUser: 'string',
deleteTime: 0,
enable: true,
},
{
id: 'string',
num: 0,
name: '组织 4',
description: 'blabla',
createTime: 0,
updateTime: 0,
createUser: 'string',
updateUser: 'string',
deleted: true,
deleteUser: 'string',
deleteTime: 0,
enable: true,
},
],
resources: ['192.168.1.1', '192.168.11.23'],
},
];
};
// const getPoolList = () => {
// return [
// {
// id: '938uh9',
// name: 'ksajdfkas',
// type: 'Node',
// description: '年卡是健康的就是肯德基富士康',
// enable: true,
// createTime: 0,
// updateTime: 0,
// createUser: 'hShdf',
// apiTest: true,
// loadTest: true,
// uiTest: true,
// serverUrl: 'fldskfsl.sdjks.com',
// deleted: false,
// configuration: 'akjfhbgkdjfsokdsdfs',
// organizationList: [
// {
// id: 'string',
// num: 0,
// name: '组织 1',
// description: 'blabla',
// createTime: 0,
// updateTime: 0,
// createUser: 'string',
// updateUser: 'string',
// deleted: true,
// deleteUser: 'string',
// deleteTime: 0,
// enable: true,
// },
// {
// id: 'string',
// num: 0,
// name: '组织 2',
// description: 'blabla',
// createTime: 0,
// updateTime: 0,
// createUser: 'string',
// updateUser: 'string',
// deleted: true,
// deleteUser: 'string',
// deleteTime: 0,
// enable: true,
// },
// {
// id: 'string',
// num: 0,
// name: '组织 3',
// description: 'blabla',
// createTime: 0,
// updateTime: 0,
// createUser: 'string',
// updateUser: 'string',
// deleted: true,
// deleteUser: 'string',
// deleteTime: 0,
// enable: true,
// },
// {
// id: 'string',
// num: 0,
// name: '组织 4',
// description: 'blabla',
// createTime: 0,
// updateTime: 0,
// createUser: 'string',
// updateUser: 'string',
// deleted: true,
// deleteUser: 'string',
// deleteTime: 0,
// enable: true,
// },
// ],
// resources: ['192.168.1.1', '192.168.11.23'],
// },
// {
// id: 'dfopi03wif3',
// name: 'ksajdfkas',
// type: 'K8s',
// description: '生动地很多次私董会佛山的',
// enable: false,
// createTime: 0,
// updateTime: 0,
// createUser: 'hShdf',
// apiTest: true,
// loadTest: true,
// uiTest: true,
// serverUrl: 'fldskfsl.sdjks.com',
// deleted: false,
// configuration: 'akjfhbgkdjfsokdsdfs',
// organizationList: [
// {
// id: 'string',
// num: 0,
// name: '组织 1',
// description: 'blabla',
// createTime: 0,
// updateTime: 0,
// createUser: 'string',
// updateUser: 'string',
// deleted: true,
// deleteUser: 'string',
// deleteTime: 0,
// enable: true,
// },
// {
// id: 'string',
// num: 0,
// name: '组织 2',
// description: 'blabla',
// createTime: 0,
// updateTime: 0,
// createUser: 'string',
// updateUser: 'string',
// deleted: true,
// deleteUser: 'string',
// deleteTime: 0,
// enable: true,
// },
// {
// id: 'string',
// num: 0,
// name: '组织 3',
// description: 'blabla',
// createTime: 0,
// updateTime: 0,
// createUser: 'string',
// updateUser: 'string',
// deleted: true,
// deleteUser: 'string',
// deleteTime: 0,
// enable: true,
// },
// {
// id: 'string',
// num: 0,
// name: '组织 4',
// description: 'blabla',
// createTime: 0,
// updateTime: 0,
// createUser: 'string',
// updateUser: 'string',
// deleted: true,
// deleteUser: 'string',
// deleteTime: 0,
// enable: true,
// },
// ],
// resources: ['192.168.1.1', '192.168.11.23'],
// },
// ];
// };
setupMock({
setup: () => {
Mock.mock(makeMockUrl(PoolListUrl), () => {
return successTableResponseWrap(getPoolList());
});
},
});
// mock(RequestEnum.POST, PoolListUrl, getPoolList(), 200, true);

12
frontend/src/mock/system/user.ts
View File

@ -1,5 +1,5 @@
import Mock from 'mockjs';
import setupMock, { successTableResponseWrap } from '@/utils/setup-mock';
import { mock } from '@/utils/setup-mock';
import { RequestEnum } from '@/enums/httpEnum';
const getUserList = () => {
return [
@ -250,10 +250,4 @@ const getUserList = () => {
];
};
setupMock({
setup: () => {
Mock.mock(new RegExp('/user/page'), () => {
return successTableResponseWrap(getUserList());
});
},
});
mock(RequestEnum.POST, '/user/page', getUserList(), 200, true);

147
frontend/src/mock/user.ts
View File

@ -1,143 +1,6 @@
import Mock from 'mockjs';
import setupMock, { successResponseWrap, failResponseWrap, makeMockUrl } from '@/utils/setup-mock';
import { mock } from '@/utils/setup-mock';
import { RequestEnum } from '@/enums/httpEnum';
import { LogoutUrl, LoginUrl } from '@/api/requrls/user';
import { GetMenuListUrl, LogoutUrl, LoginUrl } from '@/api/requrls/user';
import { isLogin } from '@/utils/auth';
setupMock({
mock: false,
setup() {
// 用户信息
Mock.mock(makeMockUrl('/api/userinfo'), async () => {
if (await isLogin()) {
const role = window.localStorage.getItem('userRole') || 'admin';
return successResponseWrap({
name: '王立群',
avatar: '//lf1-xgcdn-tos.pstatp.com/obj/vcloud/vadmin/start.8e0e4855ee346a46ccff8ff3e24db27b.png',
email: 'wangliqun@email.com',
job: 'frontend',
jobName: '前端艺术家',
organization: 'Frontend',
organizationName: '前端',
location: 'beijing',
locationName: '北京',
introduction: '人潇洒，性温存',
personalWebsite: 'https://www.arco.design',
phone: '150****0000',
registrationDate: '2013-05-10 12:10:00',
accountId: '15012312300',
certification: 1,
role,
});
}
return failResponseWrap(null, '未登录', 50008);
});
// 登陆
Mock.mock(makeMockUrl(LoginUrl), () => {
return successResponseWrap({});
});
// 登出
Mock.mock(makeMockUrl(LogoutUrl), () => {
return successResponseWrap(null);
});
// 用户的服务端菜单
Mock.mock(makeMockUrl(GetMenuListUrl), () => {
const menuList = [
{
path: '/api-test',
name: 'apiTest',
meta: {
locale: 'menu.apiTest',
icon: 'icon-dashboard',
order: 0,
},
children: [
{
path: 'list',
name: 'apiTest',
meta: {
locale: 'menu.apiTest',
roles: ['*'],
icon: 'icon-computer',
},
},
],
},
{
path: '/setting',
name: 'setting',
meta: {
locale: 'menu.settings',
icon: 'icon-dashboard',
order: 0,
},
children: [
{
path: 'system',
name: 'settingSystem',
redirect: '/setting/system/user',
meta: {
locale: 'menu.settings.system',
roles: ['*'],
hideChildrenInMenu: true,
},
children: [
{
path: 'user',
name: 'settingSystemUser',
meta: {
locale: 'menu.settings.system.user',
roles: ['*'],
isTopMenu: true,
},
},
{
path: 'usergroup',
name: 'settingSystemUsergroup',
meta: {
locale: 'menu.settings.system.usergroup',
roles: ['*'],
isTopMenu: true,
},
},
{
path: 'resourcePool',
name: 'settingSystemResourcePool',
meta: {
locale: 'menu.settings.system.resourcePool',
roles: ['*'],
isTopMenu: true,
},
},
{
path: 'resourcePoolDetail',
name: 'settingSystemResourcePoolDetail',
meta: {
locale: 'menu.settings.system.resourcePoolDetail',
roles: ['*'],
},
},
],
},
],
},
{
path: '/personal',
name: 'personal',
meta: {},
children: [
{
path: '/personal/info',
name: 'personalInfo',
meta: {},
},
],
},
];
return successResponseWrap(menuList);
});
},
});
// mock(RequestEnum.POST, LoginUrl, {}, 200);
mock(RequestEnum.POST, LogoutUrl, null, 200);

38
frontend/src/utils/setup-mock.ts
View File

@ -1,8 +1,8 @@
import debug from './env';
import MSR from '@/api/http';
import { RequestEnum } from '@/enums/httpEnum';
import MockAdapter from 'axios-mock-adapter';
export default ({ mock, setup }: { mock?: boolean; setup: () => void }) => {
if (mock !== false && debug) setup();
};
const MOCK = new MockAdapter(MSR.axiosInstance, { onNoMatch: 'throwException' });
/**
* mock- 成功返回结果结构体
@ -39,15 +39,35 @@ export const successTableResponseWrap = (data: unknown) => {
* @param code
* @returns
*/
export const failResponseWrap = (data: unknown, message: string, code = 50000) => {
export const failResponseWrap = (data: unknown, message?: string, messageDetail?: string) => {
return {
data,
status: 'fail',
message,
code,
message: message || '请求失败',
messageDetail,
};
};
export const mock = (
method: RequestEnum,
url: string | RegExp,
data: unknown,
code: number,
isTable?: boolean,
message?: string,
messageDetail?: string
) => {
const methodMap = {
[RequestEnum.GET]: MOCK.onGet(url),
[RequestEnum.POST]: MOCK.onPost(url),
[RequestEnum.PUT]: MOCK.onPut(url),
[RequestEnum.DELETE]: MOCK.onDelete(url),
};
if (code === 200) {
return methodMap[method].reply(code, isTable ? successTableResponseWrap(data) : successResponseWrap(data));
}
return methodMap[method].reply(code, failResponseWrap(data, message, messageDetail));
};
/**
* 拼接 mock 匹配的 url
* @param url 不含前缀的接口地址
@ -57,3 +77,5 @@ export const makeMockUrl = (url: string) => {
const mockOrigin = window.location.origin;
return `${mockOrigin}/front${url}`;
};
export default MOCK;

4
frontend/tsconfig.json
View File

@ -12,10 +12,8 @@
"build/**/*.d.ts",
"mock/**/*.ts",
"__test__/**/*.ts",
"node_modules/monaco-editor/monaco.d.ts"
], // TS解析路径配置
"exclude": [
"node_modules"
],
"compilerOptions": {
"allowJs": true, // 允许编译器编译JS，JSX文件
"noEmit": true,