Skip to content

系统配置

配置文件

src/
├── settings.ts           # 应用配置
└── plugins/
    └── vxe-table.ts      # 第三方组件配置

settings.ts

typescript
import { appConfig, defaults, themeColorPresets } from "@/settings";

// 应用配置
appConfig.name              // 应用名称
appConfig.version           // 版本
appConfig.title             // 标题
appConfig.tenantEnabled     // 多租户开关
appConfig.aiEnabled         // AI 助手开关

// 用户偏好默认值(会被 Store 覆盖)
defaults.theme              // 默认主题
defaults.themeColor         // 默认主题色
defaults.layout             // 默认布局
// ...

// 主题色预设
themeColorPresets           // ["#4080FF", "#1890FF", ...]

环境变量

bash
# .env.development / .env.production

# 基础信息
VITE_APP_TITLE=vue3-element-admin

# 网络配置(直接在代码中使用 import.meta.env)
VITE_APP_BASE_API=/dev-api
VITE_APP_API_URL=http://localhost:8000
VITE_APP_WS_ENDPOINT=ws://localhost:8000/ws

# 功能开关(通过 settings.ts 使用)
VITE_APP_TENANT_ENABLED=true
VITE_ENABLE_AI_ASSISTANT=false

使用规范

typescript
// ✅ 功能开关:通过 settings 访问
import { appConfig } from "@/settings";
if (appConfig.tenantEnabled) { }

// ✅ 网络配置:直接使用环境变量
baseURL: import.meta.env.VITE_APP_BASE_API

基于 MIT 许可发布