xto-fronted 0.4.4 → 0.4.6

package/src/index.ts

@@ -21,6 +21,7 @@ export * from './utils/auth'
 export * from './utils/permission'
 export * from './utils/request'
 export * from './utils/storage'
+export * from './utils/config'
 
 // Store
 export * from './stores/app'

package/src/router/index.ts

@@ -6,6 +6,7 @@ import { createRouter, createWebHistory } from 'vue-router'
 import { staticRoutes, errorRoute } from './staticRoutes'
 import { layoutRoute } from './dynamicRoutes'
 import { hasToken } from '@/utils/auth'
+import { getAppId } from '@/utils/config'
 import { useUserStore } from '@/stores/user'
 import { useMenuStore } from '@/stores/menu'
 import { useAppStore } from '@/stores/app'
@@ -37,7 +38,7 @@ router.beforeEach(async (to, _from, next) => {
       const userStore = useUserStore()
       if (!userStore.isLoggedIn) {
         userStore.setUserInfo({
-          appId: import.meta.env.VITE_APP_ID,
+          appId: getAppId(),
           userId: '1',
           userName: '管理员',
           departmentName: '技术部',

package/src/utils/config.ts

@@ -0,0 +1,81 @@
+/**
+ * 应用配置（动态设置，避免 import.meta.env 静态替换）
+ */
+
+import { ref } from 'vue'
+
+// 配置状态
+const appId = ref<string>('')
+const clientId = ref<string>('')
+const apiBaseUrl = ref<string>('')
+
+/**
+ * 初始化应用配置
+ * 在项目入口文件（main.ts）中调用此函数设置配置
+ */
+export function initAppConfig(config: {
+  appId?: string
+  clientId?: string
+  apiBaseUrl?: string
+}) {
+  if (config.appId) {
+    appId.value = config.appId
+  }
+  if (config.clientId) {
+    clientId.value = config.clientId
+  }
+  if (config.apiBaseUrl) {
+    apiBaseUrl.value = config.apiBaseUrl
+  }
+}
+
+/**
+ * 获取 AppId
+ * 优先使用动态配置，其次使用环境变量
+ */
+export function getAppId(): string {
+  if (appId.value) {
+    return appId.value
+  }
+  // 尝试从环境变量获取（使用方项目构建时会注入）
+  try {
+    return import.meta.env.VITE_APP_ID || ''
+  } catch {
+    return ''
+  }
+}
+
+/**
+ * 获取 ClientId
+ */
+export function getClientId(): string {
+  if (clientId.value) {
+    return clientId.value
+  }
+  try {
+    return import.meta.env.VITE_APP_CLIENT_ID || ''
+  } catch {
+    return ''
+  }
+}
+
+/**
+ * 获取 API 基础路径
+ */
+export function getApiBaseUrl(): string {
+  if (apiBaseUrl.value) {
+    return apiBaseUrl.value
+  }
+  try {
+    return import.meta.env.VITE_API_BASE_URL || ''
+  } catch {
+    return ''
+  }
+}
+
+// 导出响应式引用（供特殊场景直接使用）
+export const appConfig = {
+  appId,
+  clientId,
+  apiBaseUrl
+}

package/src/views/login/index.vue

@@ -6,6 +6,7 @@ import { Form, FormItem, Input, Checkbox } from '@xto/form'
 import { Message } from '@xto/feedback'
 import { login } from '@/api/auth'
 import { setTokenInfo } from '@/utils/auth'
+import { getAppId, getClientId } from '@/utils/config'
 
 const router = useRouter()
 const route = useRoute()
@@ -38,8 +39,8 @@ const handleLogin = async () => {
 
     // 调用登录 API
     const result = await login({
-      appId: import.meta.env.VITE_APP_ID,
-      clientId: import.meta.env.VITE_APP_CLIENT_ID,
+      appId: getAppId(),
+      clientId: getClientId(),
       uid: formData.uid,
       password: formData.password,
       code: true