feat(global-header): 重构全局头部组件及样式优化

- 完全重写 GlobalHeader 组件结构,改用 div 语义及自定义样式替代原antd a-menu
- 新增 Logo 区域包含图标和标题,支持点击跳转首页功能
- 实现导航菜单动态渲染,根据路由权限过滤显示
- 用户区域支持未登录和已登录两种状态切换
- 未登录时展示登录、注册按钮,支持路由跳转
- 已登录时显示用户头像、用户名及下拉菜单,包含个人中心、设置和退出登录操作
- 引入 Arco Design 图标组件优化视觉表现
- 完善登出流程,清理本地Token并提示用户
- 优化响应式布局和交互体验,提升用户界面整体一致性与可用性
This commit is contained in:
2025-12-14 16:19:28 +08:00
parent a13dae85b3
commit 05669a6570
24 changed files with 17378 additions and 115 deletions

View File

@@ -8,6 +8,7 @@ export default defineConfig(({ command, mode }) => {
console.log("当前环境:", env.VITE_APP_ENV);
console.log("使用的环境配置文件为:", env.VITE_APP_CONFIG_FILE);
console.log("当前环境 API 基础 URL:", env.VITE_API_URL);
return {
define: {
__APP_ENV__: JSON.stringify(env.VITE_APP_ENV),
@@ -23,6 +24,17 @@ export default defineConfig(({ command, mode }) => {
host: "0.0.0.0",
port: 3000,
open: true,
// API 代理配置
proxy: {
// 代理所有 /api 开头的请求
'/api': {
target: 'http://localhost:8085', // 后端服务器地址
changeOrigin: true, // 改变请求头中的 origin
secure: false, // 支持 https
// 如果后端 API 路径不包含 /api可以重写路径
// rewrite: (path) => path.replace(/^\/api/, ''),
},
},
},
};
});