- 完全重写 GlobalHeader 组件结构,改用 div 语义及自定义样式替代原antd a-menu - 新增 Logo 区域包含图标和标题,支持点击跳转首页功能 - 实现导航菜单动态渲染,根据路由权限过滤显示 - 用户区域支持未登录和已登录两种状态切换 - 未登录时展示登录、注册按钮,支持路由跳转 - 已登录时显示用户头像、用户名及下拉菜单,包含个人中心、设置和退出登录操作 - 引入 Arco Design 图标组件优化视觉表现 - 完善登出流程,清理本地Token并提示用户 - 优化响应式布局和交互体验,提升用户界面整体一致性与可用性
41 lines
1.2 KiB
TypeScript
41 lines
1.2 KiB
TypeScript
import { defineConfig, loadEnv } from "vite";
|
||
import vue from "@vitejs/plugin-vue";
|
||
import path from "path";
|
||
|
||
// https://vite.dev/config/
|
||
export default defineConfig(({ command, mode }) => {
|
||
const env = loadEnv(mode, process.cwd(), "");
|
||
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),
|
||
__API_BASE_URL__: JSON.stringify(env.VITE_API_URL),
|
||
},
|
||
resolve: {
|
||
alias: {
|
||
"@": path.resolve(__dirname, "src"),
|
||
},
|
||
},
|
||
plugins: [vue()],
|
||
server: {
|
||
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/, ''),
|
||
},
|
||
},
|
||
},
|
||
};
|
||
});
|