chore(projects): 增加构建配置和环境条件代理

.env

@@ -1,5 +1,2 @@
-# 项目本地运行端口号
-VITE_PORT = 5200
-
 # 项目根目录
 VITE_BASE_URL=/

.env.development

@@ -0,0 +1 @@
+VITE_HTTP_PROXY=Y

build/config/index.ts

@@ -0,0 +1 @@
+export * from './proxy';

build/config/proxy.ts

@@ -0,0 +1,34 @@
+/** 不同请求服务的环境配置 */
+const serviceEnv = {
+  dev: {
+    '/api': {
+      target: 'http://localhost:8080',
+      changeOrigin: true,
+      rewrite: (path) => path.replace(/^\/api/, ''),
+    },
+  },
+  test: {
+    '/api': {
+      target: 'http://localhost:8080',
+      changeOrigin: true,
+      rewrite: (path) => path.replace(/^\/api/, ''),
+    },
+  },
+  prod: {
+    '/api': {
+      target: 'http://localhost:8080',
+      changeOrigin: true,
+      rewrite: (path) => path.replace(/^\/api/, ''),
+    },
+  },
+};
+
+export function createViteProxy(env) {
+  //判断是否需要开启代理
+  const isOpenProxy = env.VITE_HTTP_PROXY === 'Y';
+  if (!isOpenProxy) return undefined;
+
+  // 返回对应代理
+  const { VITE_SERVICE_ENV = 'dev' } = env;
+  return serviceEnv[VITE_SERVICE_ENV];
+}

build/index.ts

@@ -0,0 +1 @@
+export * from './config';

package.json

@@ -3,7 +3,9 @@
   "private": true,
   "version": "0.0.0",
   "scripts": {
-    "dev": "vite",
+    "dev": "cross-env VITE_SERVICE_ENV=dev vite",
+    "dev:test": "cross-env VITE_SERVICE_ENV=test vite",
+    "dev:prod": "cross-env VITE_SERVICE_ENV=prod vite",
     "build": "vue-tsc --noEmit && vite build",
     "preview": "vite preview",
     "prettier": "prettier --write  \"src/**/*.{js,json,tsx,css,less,scss,vue,html,md}\"",
@@ -33,6 +35,7 @@
     "@vue/eslint-config-prettier": "^7.0.0",
     "@vue/eslint-config-typescript": "^11.0.0",
     "commitizen": "^4.2.5",
+    "cross-env": "^7.0.3",
     "cz-conventional-changelog": "^3.3.0",
     "cz-customizable": "^6.9.1",
     "eslint": "^8.21.0",

vite.config.ts

@@ -1,4 +1,5 @@
 import { defineConfig, loadEnv, ConfigEnv } from 'vite';
+import { createViteProxy } from './build';
 import vue from '@vitejs/plugin-vue';
 import { resolve } from 'path';
 
@@ -9,6 +10,7 @@ const srcPath: string = `${rootPath}/src`;
 // https://vitejs.dev/config/
 export default defineConfig(({ command, mode }: ConfigEnv) => {
   // 在开发环境下 command 的值为 serve 生产环境下为 build
+
   // 根据当前工作目录中的 `mode` 加载 .env 文件
   // 设置第三个参数为 '' 来加载所有环境变量，而不管是否有 `VITE_` 前缀。
   const env = loadEnv(mode, process.cwd(), '');
@@ -23,8 +25,9 @@ export default defineConfig(({ command, mode }: ConfigEnv) => {
     },
     server: {
       host: '0.0.0.0',
-      port: Number(env.VITE_PORT),
-      open: true,
+      port: 5200,
+      open: false,
+      proxy: createViteProxy(env),
     },
     preview: {
       port: 5211,