GTsoft/ruoyi-plus-soybean
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(projects): add prod mockjs switch [添加生产模式的mockjs的开关]

Browse Source
This commit is contained in:
Soybean 2023-05-17 07:51:07 +08:00
parent 9b19f96ff6
commit 9f5638f16d
7 changed files with 346 additions and 371 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.env.production
View File

@ -6,3 +6,5 @@ VITE_COMPRESS=N
VITE_COMPRESS_TYPE=gzip VITE_COMPRESS_TYPE=gzip
VITE_PWA=N VITE_PWA=N
VITE_PROD_MOCK=Y

2
build/plugins/index.ts
View File

@ -24,7 +24,7 @@ export function setupVitePlugins(viteEnv: ImportMetaEnv): (PluginOption | Plugin
vueJsx(), vueJsx(),
...unplugin(viteEnv), ...unplugin(viteEnv),
unocss(), unocss(),
mock, mock(viteEnv),
progress(), progress(),
pageRoute() pageRoute()
]; ];

19
build/plugins/mock.ts
View File

@ -1,9 +1,14 @@
import { viteMockServe } from 'vite-plugin-mock'; import { viteMockServe } from 'vite-plugin-mock';
export default viteMockServe({ export default (viteEnv: ImportMetaEnv) => {
mockPath: 'mock', const prodMock = viteEnv.VITE_PROD_MOCK === 'Y';
injectCode: `
import { setupMockServer } from '../mock'; return viteMockServe({
setupMockServer(); mockPath: 'mock',
` prodEnabled: prodMock,
}); injectCode: `
import { setupMockServer } from '../mock';
setupMockServer();
`
});
};

4
mock/api/management.ts
View File

@ -1,4 +1,4 @@
import betterMock from 'better-mock'; import { mock } from 'mockjs';
import type { MockMethod } from 'vite-plugin-mock'; import type { MockMethod } from 'vite-plugin-mock';
const apis: MockMethod[] = [ const apis: MockMethod[] = [
@ -6,7 +6,7 @@ const apis: MockMethod[] = [
url: '/mock/getAllUserList', url: '/mock/getAllUserList',
method: 'post', method: 'post',
response: (): Service.MockServiceResult<ApiUserManagement.User[]> => { response: (): Service.MockServiceResult<ApiUserManagement.User[]> => {
const data = betterMock.mock({ const data = mock({
'list|1000': [ 'list|1000': [
{ {
id: '@id', id: '@id',

2
package.json
View File

@ -99,12 +99,12 @@
"@unocss/vite": "^0.51.13", "@unocss/vite": "^0.51.13",
"@vitejs/plugin-vue": "^4.2.3", "@vitejs/plugin-vue": "^4.2.3",
"@vitejs/plugin-vue-jsx": "^3.0.1", "@vitejs/plugin-vue-jsx": "^3.0.1",
"better-mock": "^0.3.6",
"conventional-changelog": "^3.1.25", "conventional-changelog": "^3.1.25",
"cross-env": "^7.0.3", "cross-env": "^7.0.3",
"eslint": "^8.40.0", "eslint": "^8.40.0",
"eslint-config-soybeanjs": "^0.3.7", "eslint-config-soybeanjs": "^0.3.7",
"lint-staged": "13.2.2", "lint-staged": "13.2.2",
"mockjs": "^1.1.0",
"rollup-plugin-visualizer": "^5.9.0", "rollup-plugin-visualizer": "^5.9.0",
"sass": "^1.62.1", "sass": "^1.62.1",
"simple-git-hooks": "^2.8.1", "simple-git-hooks": "^2.8.1",

683
pnpm-lock.yaml
View File

File diff suppressed because it is too large Load Diff

5
src/typings/env.d.ts vendored
View File

@ -59,6 +59,11 @@ interface ImportMetaEnv {
readonly VITE_COMPRESS_TYPE?: 'gzip' | 'brotliCompress' | 'deflate' | 'deflateRaw'; readonly VITE_COMPRESS_TYPE?: 'gzip' | 'brotliCompress' | 'deflate' | 'deflateRaw';
/** 是否应用pwa */ /** 是否应用pwa */
readonly VITE_PWA?: 'Y' | 'N'; readonly VITE_PWA?: 'Y' | 'N';
/**
* 是否开启生产模式下的mock
* @description 生产模式下会拦截XHR，导致无法获取response，不使用mock请求时设置为N
*/
readonly VITE_PROD_MOCK?: 'Y' | 'N';
/** hash路由模式 */ /** hash路由模式 */
readonly VITE_HASH_ROUTE?: 'Y' | 'N'; readonly VITE_HASH_ROUTE?: 'Y' | 'N';
/** 是否是部署的vercel */ /** 是否是部署的vercel */