Merge branch 'ww' into 'main'

feat: pull out environment variables to app.config.js

See merge request huang/yun-teng-iot-front!443

 # Whether to open mock
 # Whether to open mock
-# VITE_USE_MOCK = true
+# VITE_GLOB_USE_MOCK = true
 
 
 # public path
 # public path
-VITE_PUBLIC_PATH = /
+VITE_GLOB_PUBLIC_PATH = /
 
 
 # Cross-domain proxy, you can configure multiple
 # Cross-domain proxy, you can configure multiple
 # Please note that no line breaks
 # Please note that no line breaks
@@ -21,11 +21,11 @@ VITE_PROXY = [["/api","http://222.180.200.114:48080/api"],["/thingskit-drawio","
 # 实时数据的ws地址
 # 实时数据的ws地址
 # VITE_WEB_SOCKET = ws://localhost:8080/api/ws/plugins/telemetry?token=
 # VITE_WEB_SOCKET = ws://localhost:8080/api/ws/plugins/telemetry?token=
 # VITE_WEB_SOCKET = ws://44.99.141.212:8080/api/ws/plugins/telemetry?token=
 # VITE_WEB_SOCKET = ws://44.99.141.212:8080/api/ws/plugins/telemetry?token=
-VITE_WEB_SOCKET = ws://222.180.200.114:48080/api/ws/plugins/telemetry?token=
+VITE_GLOB_WEB_SOCKET = ws://222.180.200.114:48080/api/ws/plugins/telemetry?token=
 # VITE_WEB_SOCKET = ws://121.37.251.8:8080/api/ws/plugins/telemetry?token=
 # VITE_WEB_SOCKET = ws://121.37.251.8:8080/api/ws/plugins/telemetry?token=
 
 
 # Delete console
 # Delete console
-VITE_DROP_CONSOLE = true
+VITE_GLOB_DROP_CONSOLE = true
 
 
 # Basic interface address SPA
 # Basic interface address SPA
 VITE_GLOB_API_URL=/api
 VITE_GLOB_API_URL=/api
@@ -40,10 +40,10 @@ VITE_GLOB_API_URL_PREFIX=/yt
 VITE_GLOB_CONFIGURATION = /thingskit-drawio
 VITE_GLOB_CONFIGURATION = /thingskit-drawio
 
 
 # Content Security Policy
 # Content Security Policy
-VITE_CONTENT_SECURITY_POLICY = false
+VITE_GLOB_CONTENT_SECURITY_POLICY = true
 
 
 # Alarm Notify Polling Interval Time
 # Alarm Notify Polling Interval Time
-VITE_ALARM_NOTIFY_POLLING_INTERVAL_TIME = 500000
+VITE_GLOB_ALARM_NOTIFY_POLLING_INTERVAL_TIME = 500000
 
 
 # Alarm Notify Auto Close Time Unit is Second
 # Alarm Notify Auto Close Time Unit is Second
-VITE_ALARM_NOTIFY_DURATION = 5
+VITE_GLOB_ALARM_NOTIFY_DURATION = 5

 # Whether to open mock
 # Whether to open mock
-VITE_USE_MOCK = false
+VITE_GLOB_USE_MOCK = false
 
 
 # public path
 # public path
-VITE_PUBLIC_PATH = /
+VITE_GLOB_PUBLIC_PATH = /
 
 
 # Delete console
 # Delete console
-VITE_DROP_CONSOLE = true
+VITE_GLOB_DROP_CONSOLE = true
 
 
 # Whether to enable gzip or brotli compression
 # Whether to enable gzip or brotli compression
 # Optional: gzip | brotli | none
 # Optional: gzip | brotli | none
 # If you need multiple forms, you can use `,` to separate
 # If you need multiple forms, you can use `,` to separate
-VITE_BUILD_COMPRESS = 'gzip'
+VITE_GLOB_BUILD_COMPRESS = 'gzip'
 
 
 # Whether to delete origin files when using compress, default false
 # Whether to delete origin files when using compress, default false
-VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE = false
+VITE_GLOB_BUILD_COMPRESS_DELETE_ORIGIN_FILE = false
 
 
 # Basic interface address SPA
 # Basic interface address SPA
 VITE_GLOB_API_URL=http://122.9.141.195:8080/api
 VITE_GLOB_API_URL=http://122.9.141.195:8080/api
@@ -26,7 +26,7 @@ VITE_GLOB_UPLOAD_URL=http://122.9.141.195:8080/api/yt/oss/upload
 VITE_GLOB_API_URL_PREFIX=/yt
 VITE_GLOB_API_URL_PREFIX=/yt
 
 
 # Whether to enable image compression
 # Whether to enable image compression
-VITE_USE_IMAGEMIN= false
+VITE_GLOB_USE_IMAGEMIN= false
 
 
 # use pwa
 # use pwa
 VITE_USE_PWA = false
 VITE_USE_PWA = false
@@ -35,16 +35,16 @@ VITE_USE_PWA = false
 VITE_LEGACY = true
 VITE_LEGACY = true
 
 
 # 实时数据的ws地址
 # 实时数据的ws地址
-VITE_WEB_SOCKET = ws://122.9.141.195:8080/api/ws/plugins/telemetry?token=
+VITE_GLOB_WEB_SOCKET = ws://122.9.141.195:8080/api/ws/plugins/telemetry?token=
 
 
 #configuration
 #configuration
 VITE_GLOB_CONFIGURATION = /thingskit-scada
 VITE_GLOB_CONFIGURATION = /thingskit-scada
 
 
 # Content Security Policy
 # Content Security Policy
-VITE_CONTENT_SECURITY_POLICY = false
+VITE_GLOB_CONTENT_SECURITY_POLICY = false
 
 
 # Alarm Notify Polling Interval Time
 # Alarm Notify Polling Interval Time
-VITE_ALARM_NOTIFY_POLLING_INTERVAL_TIME = 60000
+VITE_GLOB_ALARM_NOTIFY_POLLING_INTERVAL_TIME = 60000
 
 
 # Alarm Notify Auto Close Time Unit is Second
 # Alarm Notify Auto Close Time Unit is Second
-VITE_ALARM_NOTIFY_DURATION = 5
+VITE_GLOB_ALARM_NOTIFY_DURATION = 5

@@ -10,9 +10,11 @@ import pkg from '../../../package.json';
 import { GLOB_CONFIG_FILE_NAME } from '../../constant';
 import { GLOB_CONFIG_FILE_NAME } from '../../constant';
 
 
 export function configHtmlPlugin(env: ViteEnv, isBuild: boolean) {
 export function configHtmlPlugin(env: ViteEnv, isBuild: boolean) {
-  const { VITE_GLOB_APP_TITLE, VITE_PUBLIC_PATH, VITE_CONTENT_SECURITY_POLICY } = env;
+  const { VITE_GLOB_APP_TITLE, VITE_GLOB_PUBLIC_PATH, VITE_GLOB_CONTENT_SECURITY_POLICY } = env;
 
 
-  const path = VITE_PUBLIC_PATH.endsWith('/') ? VITE_PUBLIC_PATH : `${VITE_PUBLIC_PATH}/`;
+  const path = VITE_GLOB_PUBLIC_PATH.endsWith('/')
+    ? VITE_GLOB_PUBLIC_PATH
+    : `${VITE_GLOB_PUBLIC_PATH}/`;
 
 
   const getAppConfigSrc = () => {
   const getAppConfigSrc = () => {
     return `${path || '/'}${GLOB_CONFIG_FILE_NAME}?v=${pkg.version}-${new Date().getTime()}`;
     return `${path || '/'}${GLOB_CONFIG_FILE_NAME}?v=${pkg.version}-${new Date().getTime()}`;
@@ -24,7 +26,7 @@ export function configHtmlPlugin(env: ViteEnv, isBuild: boolean) {
       // Inject data into ejs template
       // Inject data into ejs template
       injectData: {
       injectData: {
         title: VITE_GLOB_APP_TITLE,
         title: VITE_GLOB_APP_TITLE,
-        contentSecurityPolicy: VITE_CONTENT_SECURITY_POLICY
+        contentSecurityPolicy: VITE_GLOB_CONTENT_SECURITY_POLICY
           ? `<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />`
           ? `<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />`
           : '',
           : '',
       },
       },

@@ -19,11 +19,11 @@ import { configHmrPlugin } from './hmr';
 
 
 export function createVitePlugins(viteEnv: ViteEnv, isBuild: boolean) {
 export function createVitePlugins(viteEnv: ViteEnv, isBuild: boolean) {
   const {
   const {
-    VITE_USE_IMAGEMIN,
-    VITE_USE_MOCK,
+    VITE_GLOB_USE_IMAGEMIN,
+    VITE_GLOB_USE_MOCK,
     VITE_LEGACY,
     VITE_LEGACY,
-    VITE_BUILD_COMPRESS,
-    VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE,
+    VITE_GLOB_BUILD_COMPRESS,
+    VITE_GLOB_BUILD_COMPRESS_DELETE_ORIGIN_FILE,
   } = viteEnv;
   } = viteEnv;
 
 
   const vitePlugins: (Plugin | Plugin[])[] = [
   const vitePlugins: (Plugin | Plugin[])[] = [
@@ -49,7 +49,7 @@ export function createVitePlugins(viteEnv: ViteEnv, isBuild: boolean) {
   vitePlugins.push(configSvgIconsPlugin(isBuild));
   vitePlugins.push(configSvgIconsPlugin(isBuild));
 
 
   // vite-plugin-mock
   // vite-plugin-mock
-  VITE_USE_MOCK && vitePlugins.push(configMockPlugin(isBuild));
+  VITE_GLOB_USE_MOCK && vitePlugins.push(configMockPlugin(isBuild));
 
 
   // vite-plugin-purge-icons
   // vite-plugin-purge-icons
   vitePlugins.push(purgeIcons());
   vitePlugins.push(purgeIcons());
@@ -66,11 +66,11 @@ export function createVitePlugins(viteEnv: ViteEnv, isBuild: boolean) {
   // The following plugins only work in the production environment
   // The following plugins only work in the production environment
   if (isBuild) {
   if (isBuild) {
     //vite-plugin-imagemin
     //vite-plugin-imagemin
-    VITE_USE_IMAGEMIN && vitePlugins.push(configImageminPlugin());
+    VITE_GLOB_USE_IMAGEMIN && vitePlugins.push(configImageminPlugin());
 
 
     // rollup-plugin-gzip
     // rollup-plugin-gzip
     vitePlugins.push(
     vitePlugins.push(
-      configCompressPlugin(VITE_BUILD_COMPRESS, VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE)
+      configCompressPlugin(VITE_GLOB_BUILD_COMPRESS, VITE_GLOB_BUILD_COMPRESS_DELETE_ORIGIN_FILE)
     );
     );
 
 
     // vite-plugin-pwa
     // vite-plugin-pwa

@@ -65,6 +65,7 @@
   import { isNumber } from '/@/utils/is';
   import { isNumber } from '/@/utils/is';
   import { useLocale } from '/@/locales/useLocale';
   import { useLocale } from '/@/locales/useLocale';
   import { useAppStore } from '/@/store/modules/app';
   import { useAppStore } from '/@/store/modules/app';
+  import { useGlobSetting } from '/@/hooks/setting';
 
 
   const tinymceProps = {
   const tinymceProps = {
     options: {
     options: {
@@ -140,7 +141,8 @@
 
 
       const initOptions = computed((): RawEditorSettings => {
       const initOptions = computed((): RawEditorSettings => {
         const { height, options, toolbar, plugins } = props;
         const { height, options, toolbar, plugins } = props;
-        const publicPath = import.meta.env.VITE_PUBLIC_PATH || '/';
+        useGlobSetting();
+        const publicPath = import.meta.env.VITE_GLOB_PUBLIC_PATH || '/';
         return {
         return {
           selector: `#${unref(tinymceId)}`,
           selector: `#${unref(tinymceId)}`,
           height,
           height,

@@ -10,6 +10,11 @@ export const useGlobSetting = (): Readonly<GlobConfig> => {
     VITE_GLOB_APP_SHORT_NAME,
     VITE_GLOB_APP_SHORT_NAME,
     VITE_GLOB_API_URL_PREFIX,
     VITE_GLOB_API_URL_PREFIX,
     VITE_GLOB_UPLOAD_URL,
     VITE_GLOB_UPLOAD_URL,
+    VITE_GLOB_CONFIGURATION,
+    VITE_GLOB_WEB_SOCKET,
+    VITE_GLOB_CONTENT_SECURITY_POLICY,
+    VITE_GLOB_ALARM_NOTIFY_POLLING_INTERVAL_TIME,
+    VITE_GLOB_ALARM_NOTIFY_DURATION,
   } = getAppEnvConfig();
   } = getAppEnvConfig();
 
 
   if (!/[a-zA-Z\_]*/.test(VITE_GLOB_APP_SHORT_NAME)) {
   if (!/[a-zA-Z\_]*/.test(VITE_GLOB_APP_SHORT_NAME)) {
@@ -25,6 +30,11 @@ export const useGlobSetting = (): Readonly<GlobConfig> => {
     shortName: VITE_GLOB_APP_SHORT_NAME,
     shortName: VITE_GLOB_APP_SHORT_NAME,
     urlPrefix: VITE_GLOB_API_URL_PREFIX,
     urlPrefix: VITE_GLOB_API_URL_PREFIX,
     uploadUrl: VITE_GLOB_UPLOAD_URL,
     uploadUrl: VITE_GLOB_UPLOAD_URL,
+    configurationPrefix: VITE_GLOB_CONFIGURATION,
+    socketUrl: VITE_GLOB_WEB_SOCKET,
+    securityPolicy: VITE_GLOB_CONTENT_SECURITY_POLICY,
+    alarmNotifyDuration: VITE_GLOB_ALARM_NOTIFY_DURATION,
+    alarmPollingInterval: VITE_GLOB_ALARM_NOTIFY_POLLING_INTERVAL_TIME,
   };
   };
   return glob as Readonly<GlobConfig>;
   return glob as Readonly<GlobConfig>;
 };
 };

+import { useGlobSetting } from '../setting';
+
+let initialFlag = false;
+export function useWebSecurityPolicy() {
+  if (window && window.document && window.document.documentElement) {
+    const { securityPolicy } = useGlobSetting();
+    if (securityPolicy === 'true' && !initialFlag) {
+      const meta = document.createElement('meta');
+      meta.setAttribute('http-equiv', 'Content-Security-Policy');
+      meta.setAttribute('content', 'upgrade-insecure-requests');
+      const container = document.querySelector('head');
+      container?.prepend(meta);
+      initialFlag = true;
+    }
+  }
+}

@@ -15,11 +15,14 @@ import { setupI18n } from '/@/locales/setupI18n';
 import { registerGlobComp } from '/@/components/registerGlobComp';
 import { registerGlobComp } from '/@/components/registerGlobComp';
 import '/@/assets/iconfont/iconfont';
 import '/@/assets/iconfont/iconfont';
 import { usePlatform } from './views/system/customize/hook/usePlatformInfo';
 import { usePlatform } from './views/system/customize/hook/usePlatformInfo';
+import { useWebSecurityPolicy } from './hooks/web/useWebSecurityPolicy';
 
 
 if (import.meta.env.DEV) {
 if (import.meta.env.DEV) {
   import('ant-design-vue/dist/antd.less');
   import('ant-design-vue/dist/antd.less');
 }
 }
 async function bootstrap() {
 async function bootstrap() {
+  useWebSecurityPolicy();
+
   const app = createApp(App);
   const app = createApp(App);
   // Configure store
   // Configure store
   setupStore(app);
   setupStore(app);

@@ -15,7 +15,7 @@ getRouteNames(basicRoutes);
 
 
 // app router
 // app router
 export const router = createRouter({
 export const router = createRouter({
-  history: createWebHistory(import.meta.env.VITE_PUBLIC_PATH),
+  history: createWebHistory(import.meta.env.VITE_GLOB_PUBLIC_PATH),
   routes: basicRoutes as unknown as RouteRecordRaw[],
   routes: basicRoutes as unknown as RouteRecordRaw[],
   strict: true,
   strict: true,
   scrollBehavior: () => ({ left: 0, top: 0 }),
   scrollBehavior: () => ({ left: 0, top: 0 }),

@@ -21,7 +21,6 @@ export function getAppEnvConfig() {
     ? // Get the global configuration (the configuration will be extracted independently when packaging)
     ? // Get the global configuration (the configuration will be extracted independently when packaging)
       (import.meta.env as unknown as GlobEnvConfig)
       (import.meta.env as unknown as GlobEnvConfig)
     : window[ENV_NAME as any]) as unknown as GlobEnvConfig;
     : window[ENV_NAME as any]) as unknown as GlobEnvConfig;
-
   const {
   const {
     VITE_GLOB_APP_TITLE,
     VITE_GLOB_APP_TITLE,
     VITE_GLOB_API_URL,
     VITE_GLOB_API_URL,
@@ -29,6 +28,10 @@ export function getAppEnvConfig() {
     VITE_GLOB_API_URL_PREFIX,
     VITE_GLOB_API_URL_PREFIX,
     VITE_GLOB_UPLOAD_URL,
     VITE_GLOB_UPLOAD_URL,
     VITE_GLOB_CONFIGURATION,
     VITE_GLOB_CONFIGURATION,
+    VITE_GLOB_WEB_SOCKET,
+    VITE_GLOB_CONTENT_SECURITY_POLICY,
+    VITE_GLOB_ALARM_NOTIFY_POLLING_INTERVAL_TIME,
+    VITE_GLOB_ALARM_NOTIFY_DURATION,
   } = ENV;
   } = ENV;
 
 
   if (!/^[a-zA-Z\_]*$/.test(VITE_GLOB_APP_SHORT_NAME)) {
   if (!/^[a-zA-Z\_]*$/.test(VITE_GLOB_APP_SHORT_NAME)) {
@@ -44,6 +47,10 @@ export function getAppEnvConfig() {
     VITE_GLOB_API_URL_PREFIX,
     VITE_GLOB_API_URL_PREFIX,
     VITE_GLOB_UPLOAD_URL,
     VITE_GLOB_UPLOAD_URL,
     VITE_GLOB_CONFIGURATION,
     VITE_GLOB_CONFIGURATION,
+    VITE_GLOB_WEB_SOCKET,
+    VITE_GLOB_CONTENT_SECURITY_POLICY,
+    VITE_GLOB_ALARM_NOTIFY_POLLING_INTERVAL_TIME,
+    VITE_GLOB_ALARM_NOTIFY_DURATION,
   };
   };
 }
 }
 
 

@@ -7,6 +7,7 @@ import { alarmLevel } from '/@/views/device/list/config/detail.config';
 import { RoleEnum } from '/@/enums/roleEnum';
 import { RoleEnum } from '/@/enums/roleEnum';
 import { usePermission } from '/@/hooks/web/usePermission';
 import { usePermission } from '/@/hooks/web/usePermission';
 import { useUserStore } from '/@/store/modules/user';
 import { useUserStore } from '/@/store/modules/user';
+import { useGlobSetting } from '/@/hooks/setting';
 
 
 interface UseAlarmNotifyParams {
 interface UseAlarmNotifyParams {
   alarmNotifyStatus?: AlarmStatus;
   alarmNotifyStatus?: AlarmStatus;
@@ -20,10 +21,11 @@ export enum AlarmPermissionKey {
 }
 }
 
 
 export function useAlarmNotify(params: UseAlarmNotifyParams = {}) {
 export function useAlarmNotify(params: UseAlarmNotifyParams = {}) {
+  const { alarmNotifyDuration, alarmPollingInterval } = useGlobSetting();
   const {
   const {
     alarmNotifyStatus = AlarmStatus.ACTIVE_UN_ACK,
     alarmNotifyStatus = AlarmStatus.ACTIVE_UN_ACK,
-    interval = import.meta.env.VITE_ALARM_NOTIFY_POLLING_INTERVAL_TIME || 60000,
-    duration = import.meta.env.VITE_ALARM_NOTIFY_DURATION || 5,
+    interval = Number(alarmPollingInterval) || 60000,
+    duration = Number(alarmNotifyDuration) || 5,
     color = 'orange',
     color = 'orange',
   } = params;
   } = params;
   const alarmNotifyStatusMean = AlarmStatusMean[alarmNotifyStatus];
   const alarmNotifyStatusMean = AlarmStatusMean[alarmNotifyStatus];

@@ -84,10 +84,11 @@
     deleteConfigurationCenter,
     deleteConfigurationCenter,
   } from '/@/api/configuration/center/configurationCenter';
   } from '/@/api/configuration/center/configurationCenter';
   import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
   import { useBatchDelete } from '/@/hooks/web/useBatchDelete';
-  import { getAppEnvConfig, isDevMode } from '/@/utils/env';
+  import { isDevMode } from '/@/utils/env';
   import { Authority } from '/@/components/Authority';
   import { Authority } from '/@/components/Authority';
   import { Popconfirm } from 'ant-design-vue';
   import { Popconfirm } from 'ant-design-vue';
   import { Tag } from 'ant-design-vue';
   import { Tag } from 'ant-design-vue';
+  import { useGlobSetting } from '/@/hooks/setting';
   export default defineComponent({
   export default defineComponent({
     components: {
     components: {
       PageWrapper,
       PageWrapper,
@@ -100,7 +101,7 @@
       Tag,
       Tag,
     },
     },
     setup() {
     setup() {
-      const { VITE_GLOB_CONFIGURATION } = getAppEnvConfig();
+      const { configurationPrefix } = useGlobSetting();
       const isDev = isDevMode();
       const isDev = isDevMode();
       const searchInfo = reactive<Recordable>({});
       const searchInfo = reactive<Recordable>({});
       const { organizationIdTreeRef, resetFn } = useResetOrganizationTree(searchInfo);
       const { organizationIdTreeRef, resetFn } = useResetOrganizationTree(searchInfo);
@@ -165,14 +166,14 @@
 
 
       const handlePreview = (record: Recordable | null) => {
       const handlePreview = (record: Recordable | null) => {
         window.open(
         window.open(
-          `${VITE_GLOB_CONFIGURATION}/${isDev ? '?dev=1&' : '?'}configurationId=${
+          `${configurationPrefix}/${isDev ? '?dev=1&' : '?'}configurationId=${
             record!.id
             record!.id
           }&lightbox=1`
           }&lightbox=1`
         );
         );
       };
       };
       const handleDesign = (record: Recordable | null) => {
       const handleDesign = (record: Recordable | null) => {
         window.open(
         window.open(
-          `${VITE_GLOB_CONFIGURATION}/${isDev ? '?dev=1&' : '?'}configurationId=${record!.id}`
+          `${configurationPrefix}/${isDev ? '?dev=1&' : '?'}configurationId=${record!.id}`
         );
         );
       };
       };
 
 

@@ -28,6 +28,7 @@
   import configurationSrc from '/@/assets/icons/configuration.svg';
   import configurationSrc from '/@/assets/icons/configuration.svg';
   import { cloneDeep } from 'lodash';
   import { cloneDeep } from 'lodash';
   import { usePermission } from '/@/hooks/web/usePermission';
   import { usePermission } from '/@/hooks/web/usePermission';
+  import { useGlobSetting } from '/@/hooks/setting';
 
 
   const listColumn = ref(5);
   const listColumn = ref(5);
 
 
@@ -110,23 +111,19 @@
     }
     }
   };
   };
 
 
-  const { VITE_GLOB_CONFIGURATION } = import.meta.env;
+  const { configurationPrefix } = useGlobSetting();
   const isDev = isDevMode();
   const isDev = isDevMode();
 
 
   const { hasPermission } = usePermission();
   const { hasPermission } = usePermission();
   const handlePreview = (record: ConfigurationCenterItemsModal) => {
   const handlePreview = (record: ConfigurationCenterItemsModal) => {
     if (!hasPermission('api:yt:configuration:center:get_configuration_info:get')) return;
     if (!hasPermission('api:yt:configuration:center:get_configuration_info:get')) return;
     window.open(
     window.open(
-      `${VITE_GLOB_CONFIGURATION}/${isDev ? '?dev=1&' : '?'}configurationId=${
-        record!.id
-      }&lightbox=1`
+      `${configurationPrefix}/${isDev ? '?dev=1&' : '?'}configurationId=${record!.id}&lightbox=1`
     );
     );
   };
   };
 
 
   const handleDesign = (record: ConfigurationCenterItemsModal) => {
   const handleDesign = (record: ConfigurationCenterItemsModal) => {
-    window.open(
-      `${VITE_GLOB_CONFIGURATION}/${isDev ? '?dev=1&' : '?'}configurationId=${record!.id}`
-    );
+    window.open(`${configurationPrefix}/${isDev ? '?dev=1&' : '?'}configurationId=${record!.id}`);
   };
   };
 
 
   const { createSyncConfirm } = useSyncConfirm();
   const { createSyncConfirm } = useSyncConfirm();

@@ -113,6 +113,7 @@
   import CustomerAlarmMessage from './CustomerAlarmMessage.vue';
   import CustomerAlarmMessage from './CustomerAlarmMessage.vue';
   import { useDate } from '../hooks/useDate';
   import { useDate } from '../hooks/useDate';
   import { getTrendData } from '/@/api/dashboard';
   import { getTrendData } from '/@/api/dashboard';
+  import { useGlobSetting } from '/@/hooks/setting';
 
 
   defineExpose({
   defineExpose({
     isAdmin,
     isAdmin,
@@ -145,8 +146,9 @@
 
 
   // web Socket
   // web Socket
   const token: string = getAuthCache(JWT_TOKEN_KEY);
   const token: string = getAuthCache(JWT_TOKEN_KEY);
+  const { socketUrl } = useGlobSetting();
   const state = reactive({
   const state = reactive({
-    server: `${import.meta.env.VITE_WEB_SOCKET}${token}`,
+    server: `${socketUrl}${token}`,
     alarmList: new Array<[number, string]>(),
     alarmList: new Array<[number, string]>(),
     alarmItem: new Array<[number, string]>(),
     alarmItem: new Array<[number, string]>(),
     dataPointList: new Array<[number, string]>(),
     dataPointList: new Array<[number, string]>(),

@@ -19,6 +19,7 @@
   import { Specs, StructJSON } from '/@/api/device/model/modelOfMatterModel';
   import { Specs, StructJSON } from '/@/api/device/model/modelOfMatterModel';
   import { isArray, isObject } from '/@/utils/is';
   import { isArray, isObject } from '/@/utils/is';
   import { DataTypeEnum } from '/@/components/Form/src/externalCompns/components/StructForm/config';
   import { DataTypeEnum } from '/@/components/Form/src/externalCompns/components/StructForm/config';
+  import { useGlobSetting } from '/@/hooks/setting';
 
 
   interface ReceiveMessage {
   interface ReceiveMessage {
     data: {
     data: {
@@ -42,9 +43,9 @@
   };
   };
 
 
   const token = getAuthCache(JWT_TOKEN_KEY);
   const token = getAuthCache(JWT_TOKEN_KEY);
-
+  const { socketUrl } = useGlobSetting();
   const socketInfo = reactive({
   const socketInfo = reactive({
-    origin: `${import.meta.env.VITE_WEB_SOCKET}${token}`,
+    origin: `${socketUrl}${token}`,
     attr: undefined as string | undefined,
     attr: undefined as string | undefined,
     originData: [] as DataSource[],
     originData: [] as DataSource[],
     dataSource: [] as DataSource[],
     dataSource: [] as DataSource[],

@@ -12,6 +12,7 @@
   import { getAuthCache } from '/@/utils/auth';
   import { getAuthCache } from '/@/utils/auth';
   import { useMessage } from '/@/hooks/web/useMessage';
   import { useMessage } from '/@/hooks/web/useMessage';
   import type { socketDataType } from '../../types';
   import type { socketDataType } from '../../types';
+  import { useGlobSetting } from '/@/hooks/setting';
   export default defineComponent({
   export default defineComponent({
     name: 'RealTimeData',
     name: 'RealTimeData',
     components: {
     components: {
@@ -25,8 +26,9 @@
     },
     },
     setup(props) {
     setup(props) {
       const token: string = getAuthCache(JWT_TOKEN_KEY);
       const token: string = getAuthCache(JWT_TOKEN_KEY);
+      const { socketUrl } = useGlobSetting();
       const state = reactive({
       const state = reactive({
-        server: `${import.meta.env.VITE_WEB_SOCKET}${token}`,
+        server: `${socketUrl}${token}`,
         sendValue: JSON.stringify({
         sendValue: JSON.stringify({
           attrSubCmds: [],
           attrSubCmds: [],
           tsSubCmds: [
           tsSubCmds: [

@@ -2,6 +2,7 @@ import { useWebSocket } from '@vueuse/core';
 import { Ref, unref } from 'vue';
 import { Ref, unref } from 'vue';
 import { DataBoardLayoutInfo } from '../types/type';
 import { DataBoardLayoutInfo } from '../types/type';
 import { JWT_TOKEN_KEY } from '/@/enums/cacheEnum';
 import { JWT_TOKEN_KEY } from '/@/enums/cacheEnum';
+import { useGlobSetting } from '/@/hooks/setting';
 import { getAuthCache } from '/@/utils/auth';
 import { getAuthCache } from '/@/utils/auth';
 import { isNullAndUnDef } from '/@/utils/is';
 import { isNullAndUnDef } from '/@/utils/is';
 
 
@@ -57,8 +58,10 @@ export function useSocketConnect(dataSourceRef: Ref<DataBoardLayoutInfo[]>) {
 
 
   const waitSendQueue: string[] = [];
   const waitSendQueue: string[] = [];
 
 
+  const { socketUrl } = useGlobSetting();
+
   const config = {
   const config = {
-    server: `${import.meta.env.VITE_WEB_SOCKET}${token}`,
+    server: `${socketUrl}${token}`,
   };
   };
 
 
   // const getNeedUpdateValueById = (componentId: string, deviceId: string) => {};
   // const getNeedUpdateValueById = (componentId: string, deviceId: string) => {};

@@ -146,6 +146,16 @@ export interface GlobConfig {
   urlPrefix?: string;
   urlPrefix?: string;
   // Project abbreviation
   // Project abbreviation
   shortName: string;
   shortName: string;
+  // configuration center proxy prefix
+  configurationPrefix: string;
+  // socket url
+  socketUrl: string;
+  // alarm notify alarm duration
+  alarmNotifyDuration: string;
+  // alarm notify polling interval
+  alarmPollingInterval: string;
+  // upgrade your http policy to https
+  securityPolicy: string;
 }
 }
 export interface GlobEnvConfig {
 export interface GlobEnvConfig {
   // Site title
   // Site title
@@ -158,6 +168,14 @@ export interface GlobEnvConfig {
   VITE_GLOB_APP_SHORT_NAME: string;
   VITE_GLOB_APP_SHORT_NAME: string;
   // Upload url
   // Upload url
   VITE_GLOB_UPLOAD_URL?: string;
   VITE_GLOB_UPLOAD_URL?: string;
-  //configuration
+  // configuration
   VITE_GLOB_CONFIGURATION: string;
   VITE_GLOB_CONFIGURATION: string;
+  // socket
+  VITE_GLOB_WEB_SOCKET: string;
+  // force transform http to https
+  VITE_GLOB_CONTENT_SECURITY_POLICY: string;
+  // notify polling interval time
+  VITE_GLOB_ALARM_NOTIFY_POLLING_INTERVAL_TIME: string;
+  // notify duration
+  VITE_GLOB_ALARM_NOTIFY_DURATION: string;
 }
 }

@@ -58,22 +58,22 @@ declare global {
 
 
   declare interface ViteEnv {
   declare interface ViteEnv {
     VITE_PORT: number;
     VITE_PORT: number;
-    VITE_USE_MOCK: boolean;
+    VITE_GLOB_USE_MOCK: boolean;
     VITE_USE_PWA: boolean;
     VITE_USE_PWA: boolean;
-    VITE_PUBLIC_PATH: string;
+    VITE_GLOB_PUBLIC_PATH: string;
     VITE_PROXY: [string, string][];
     VITE_PROXY: [string, string][];
     VITE_GLOB_APP_TITLE: string;
     VITE_GLOB_APP_TITLE: string;
     VITE_GLOB_APP_SHORT_NAME: string;
     VITE_GLOB_APP_SHORT_NAME: string;
     VITE_USE_CDN: boolean;
     VITE_USE_CDN: boolean;
-    VITE_DROP_CONSOLE: boolean;
-    VITE_BUILD_COMPRESS: 'gzip' | 'brotli' | 'none';
-    VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE: boolean;
+    VITE_GLOB_DROP_CONSOLE: boolean;
+    VITE_GLOB_BUILD_COMPRESS: 'gzip' | 'brotli' | 'none';
+    VITE_GLOB_BUILD_COMPRESS_DELETE_ORIGIN_FILE: boolean;
     VITE_LEGACY: boolean;
     VITE_LEGACY: boolean;
-    VITE_USE_IMAGEMIN: boolean;
+    VITE_GLOB_USE_IMAGEMIN: boolean;
     VITE_GENERATE_UI: string;
     VITE_GENERATE_UI: string;
-    VITE_CONTENT_SECURITY_POLICY: boolean;
-    VITE_ALARM_NOTIFY_POLLING_INTERVAL_TIME: number;
-    VITE_ALARM_NOTIFY_DURATION: number;
+    VITE_GLOB_CONTENT_SECURITY_POLICY: boolean;
+    VITE_GLOB_ALARM_NOTIFY_POLLING_INTERVAL_TIME: number;
+    VITE_GLOB_ALARM_NOTIFY_DURATION: number;
   }
   }
 
 
   declare function parseInt(s: string | number, radix?: number): number;
   declare function parseInt(s: string | number, radix?: number): number;

@@ -30,12 +30,12 @@ export default ({ command, mode }: ConfigEnv): UserConfig => {
   // The boolean type read by loadEnv is a string. This function can be converted to boolean type
   // The boolean type read by loadEnv is a string. This function can be converted to boolean type
   const viteEnv = wrapperEnv(env);
   const viteEnv = wrapperEnv(env);
 
 
-  const { VITE_PORT, VITE_PUBLIC_PATH, VITE_PROXY, VITE_DROP_CONSOLE } = viteEnv;
+  const { VITE_PORT, VITE_GLOB_PUBLIC_PATH, VITE_PROXY, VITE_GLOB_DROP_CONSOLE } = viteEnv;
 
 
   const isBuild = command === 'build';
   const isBuild = command === 'build';
 
 
   return {
   return {
-    base: VITE_PUBLIC_PATH,
+    base: VITE_GLOB_PUBLIC_PATH,
     root,
     root,
     resolve: {
     resolve: {
       alias: [
       alias: [
@@ -70,7 +70,7 @@ export default ({ command, mode }: ConfigEnv): UserConfig => {
         compress: {
         compress: {
           keep_infinity: true,
           keep_infinity: true,
           // Used to delete console in production environment
           // Used to delete console in production environment
-          drop_console: VITE_DROP_CONSOLE,
+          drop_console: VITE_GLOB_DROP_CONSOLE,
         },
         },
       },
       },
       // Turning off brotliSize display can slightly reduce packaging time
       // Turning off brotliSize display can slightly reduce packaging time