环境变量

获取方式：import.meta.env

公共配置文件.env

# port 端口号
VITE_PORT = 8888

# open 运行 npm run dev 时自动打开浏览器
VITE_OPEN = false

# 打包是否开启 cdn（源文件 utils/build.ts），可自行修改
VITE_OPEN_CDN = false

# public path 配置线上环境路径（打包）、本地通过 http-server 访问时，请置空即可
VITE_PUBLIC_PATH = ''

开发环境配置文件 .env.development

# 本地环境
ENV = development

# 本地环境接口地址
VITE_API_URL = ''

生产环境配置文件 .env.production

# 线上环境
ENV = production

# 线上环境接口地址
VITE_API_URL = ''

默认布局配置

文件位置 src/stores/themeConfig.ts，可修改默认布局

import { defineStore } from 'pinia';

/**
 * 布局配置
 * 修改配置时：
 * 1、需要每次都清理 `window.localStorage` 浏览器永久缓存
 * 2、或者点击布局配置最底部 `一键恢复默认` 按钮即可看到效果
 */
export const useThemeConfig = defineStore('themeConfig', {
	state: (): ThemeConfigState => ({
		themeConfig: {
			"isDrawer": false,
			"primary": "#1890FF",
			"isIsDark": false,
			"topBar": "#ffffff",
			"topBarColor": "#282C34",
			"isTopBarColorGradual": false,
			"menuBar": "#FFFFFF",
			"menuBarColor": "#303133",
			"menuBarActiveColor": "rgba(232, 244, 255, 1)",
			"isMenuBarColorGradual": false,
			"columnsMenuBar": "#282C34",
			"columnsMenuBarColor": "#e6e6e6",
			"isColumnsMenuBarColorGradual": false,
			"isColumnsMenuHoverPreload": false,
			"isCollapse": false,
			"isUniqueOpened": true,
			"isFixedHeader": true,
			"isFixedHeaderChange": false,
			"isClassicSplitMenu": false,
			"isLockScreen": false,
			"lockScreenTime": 30,
			"isShowLogo": true,
			"isShowLogoChange": false,
			"isBreadcrumb": true,
			"isTagsview": true,
			"isBreadcrumbIcon": false,
			"isTagsviewIcon": false,
			"isCacheTagsView": false,
			"isSortableTagsView": true,
			"isShareTagsView": false,
			"isFooter": false,
			"isGrayscale": false,
			"isInvert": false,
			"isWartermark": false,
			"wartermarkText": "tmadmin",
			"tagsStyle": "tags-style-five",
			"animation": "slide-right",
			"columnsAsideStyle": "columns-round",
			"columnsAsideLayout": "columns-vertical",
			"layout": "columns",
			"isRequestRoutes": true,
			"globalTitle": "tmadmin",
			"globalViceTitle": "tmadmin",
			"globalViceTitleMsg": "优雅 / 简洁 / 高效",
			"globalI18n": "zh-cn",
			"globalComponentSize": "default"
		},
	}),
	actions: {
		setThemeConfig(data: ThemeConfigState) {
			this.themeConfig = data.themeConfig;
		},
	},
});