feat(环境配置): 新增单环境配置并优化代理设置

- 添加.env.single环境配置文件
- 在package.json中新增dev:sin和dev:pro脚本
- 统一各环境配置中的VITE_APP_TITLE和MQTT相关配置
- 修改vite.config.ts使其根据环境变量动态设置代理目标

.env.development

@@ -1,8 +1,10 @@
-
-NODE_ENV=development
 VITE_ENV=development
-MODE=development
-VITE_APP_TITLE="雷能信息技术"
-# VITE_API_BASE_URL=http://jkld.radar-power.com/
-VITE_API_BASE_URL=/portal-service-server/web
+VITE_APP_TITLE="合肥雷能信息技术有限公司"
 VITE_STOTRE_NAME=LEINENG_WEB
+# 接口配置
+VITE_APP_HOST=https://api.radar-power.asia:4443
+VITE_API_BASE_URL=/portal-service-server/web 
+# mqtt配置
+VITE_MQTT_HOST=ws://8.130.28.21:1883/mqtt
+VITE_MQTT_USERNAME=admin
+VITE_MQTT_PASSWORD=public

.env.production

@@ -1,8 +1,10 @@
-
-NODE_ENV=production
 VITE_ENV=production
-MODE=production
-VITE_APP_TITLE="雷能信息技术"
-# VITE_API_BASE_URL=http://jkld.radar-power.com/
-VITE_API_BASE_URL=/portal-service-server/web
-VITE_STOTRE_NAME=LEINENG_WEB
+VITE_APP_TITLE="合肥雷能信息技术有限公司"
+VITE_STOTRE_NAME=LEINENG_WEB
+# 接口配置
+VITE_APP_HOST=https://api.radar-power.asia:4443
+VITE_API_BASE_URL=/portal-service-server/web 
+# mqtt配置
+VITE_MQTT_HOST=ws://8.130.28.21:1883/mqtt
+VITE_MQTT_USERNAME=admin
+VITE_MQTT_PASSWORD=public

.env.single

@@ -0,0 +1,10 @@
+VITE_ENV=single
+VITE_APP_TITLE="合肥雷能信息技术有限公司"
+VITE_STOTRE_NAME=LEINENG_WEB
+# 接口配置
+VITE_APP_HOST=https://radar-power.cn
+VITE_API_BASE_URL=/portal-service-server/web 
+# mqtt配置
+VITE_MQTT_HOST=wss://radar-power.cn:8084/mqtt
+VITE_MQTT_USERNAME=admin
+VITE_MQTT_PASSWORD=public

package.json

@@ -5,6 +5,8 @@
   "type": "module",
   "scripts": {
     "dev": "vite --host --mode development --port 3000",
+    "dev:sin": "vite --host --mode single --port 4000",
+    "dev:pro": "vite --host --mode production --port 5000",
     "build": "vite build",
     "build:test": "node version-script.js test",
     "build:publish": "node version-script.js publish",

vite.config.ts

@@ -1,52 +1,55 @@
 import { fileURLToPath, URL } from 'node:url'
 
-import { defineConfig } from 'vite'
+import { defineConfig, loadEnv } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vueDevTools from 'vite-plugin-vue-devtools'
 import Components from 'unplugin-vue-components/vite'
 import { AntDesignVueResolver } from 'unplugin-vue-components/resolvers'
 
 // https://vite.dev/config/
-export default defineConfig({
-  plugins: [
-    vue(),
-    vueDevTools(),
-    Components({
-      resolvers: [
-        AntDesignVueResolver({
-          importStyle: false, // css in js
-        }),
-      ],
-    }),
-  ],
-  resolve: {
-    alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url)),
-    },
-  },
-  server: {
-    proxy: {
-      // http://8.130.28.21:31090
-      // https://api.radar-power.asia:4443
-      '/wap': {
-        target: 'https://radar-power.cn',
-        changeOrigin: true,
-        secure: false,
-        rewrite: (path) => path,
-      },
-      '/portal-service-server': {
-        target: 'https://radar-power.cn',
-        changeOrigin: true,
-        secure: false,
-        rewrite: (path) => path,
+export default defineConfig(({ mode }) => {
+  // 加载环境变量
+  const env = loadEnv(mode, process.cwd(), '')
+  // 获取当前环境的API主机
+  const apiHost = env.VITE_APP_HOST
+  // 添加日志输出
+  console.log(`🚀CurrentMode: ${mode}`)
+  console.log(`🚀HostAPI: ${apiHost}`)
+  console.log(`🚀ProxyAPI: ${apiHost}`)
+
+  return {
+    plugins: [
+      vue(),
+      vueDevTools(),
+      Components({
+        resolvers: [
+          AntDesignVueResolver({
+            importStyle: false, // css in js
+          }),
+        ],
+      }),
+    ],
+    resolve: {
+      alias: {
+        '@': fileURLToPath(new URL('./src', import.meta.url)),
       },
-      '/pub': {
-        target: 'https://radar-power.cn',
-        changeOrigin: true,
-        secure: false,
-        rewrite: (path) => path,
+    },
+    server: {
+      proxy: {
+        '/portal-service-server': {
+          target: apiHost,
+          changeOrigin: true,
+          secure: false,
+          rewrite: (path) => path,
+        },
+        '/pub': {
+          target: apiHost,
+          changeOrigin: true,
+          secure: false,
+          rewrite: (path) => path,
+        },
       },
+      cors: true,
     },
-    cors: true,
-  },
+  }
 })