Files
opencatd-open/frontend
Sakurasan a2cef00908 fix: 未登录访问管理后台不再闪现页面,路由守卫改为服务端校验
- 守卫先经 /profile 校验 token 有效后才放行受保护路由,无效 token 直接跳登录并带 redirect 回跳
- DashboardLayout 用户信息就绪前只渲染 spinner,不渲染后台内容
- manager 路由增加 requiresAdmin 校验(role >= 10),非管理员重定向回仪表盘
- 401 拦截器改用 router.push 软跳转,避免整页刷新与双重跳转
- pinia 先于 router 安装;登录页支持 redirect 参数回跳原目标
2026-09-01 20:20:05 +08:00
..
2025-04-20 02:03:13 +08:00
2025-04-16 18:14:53 +08:00

opencatd-open frontend

Vue 3 + TypeScript + Vite + Tailwind CSS 4 / daisyUI 5。

本地开发

前端通过 Vite dev server 开发(支持热更新),/api 请求代理到本地 Go 后端,无需每次重新构建嵌入:

# 方式一:一条命令并行启动前后端(后端 8080,前端 5173)
make dev

# 方式二:分开跑
make dev-backend    # go run ./cmd/openteam,PORT=8080
make dev-frontend   # cd frontend && pnpm dev

浏览器访问 http://localhost:5173 (localhost 属浏览器安全上下文,clipboard / Passkey 可直接用)。

环境变量:

变量 说明 默认
VITE_DEV_API_TARGET dev 代理的后端地址 http://localhost:8080
VITE_DEV_HTTPS 设为 true 时启用自签名 HTTPS dev server 关闭

构建与嵌入

make web 构建前端并把产物移入 cmd/openteam/dist(Go 通过 //go:embed all:dist 嵌入);make build 编译二进制。dist 目录仅含 .gitkeep 占位时后端也能正常编译,因此克隆后可直接 make dev-backend 起后端联调。

其他常用命令

pnpm dev         # 仅前端 dev server
pnpm typecheck   # vue-tsc 类型检查
pnpm build       # 类型检查 + 生产构建