feat: 重构HTTP客户端架构和认证系统

核心改进：
- HTTP客户端：工厂函数模式，支持自定义拦截器和401/403处理
- 认证服务：函数式实现，消除this绑定问题，支持业务码+HTTP状态码双通道
- Token管理：简化为直接实例导出，移除bind()和箭头函数包装
- 路由守卫：优化逻辑，移除冗余代码，更简洁易维护

技术亮点：
- 统一401/403错误处理（业务code和HTTP status双检查）
- 自动刷新token并重试请求，保留自定义拦截器
- 分层清晰：clientAxios (Mono) -> http (应用) -> AuthService
- 支持扩展：业务代码可创建自定义HTTP实例并添加拦截器

文件变更：
- 新增 AuthService.js (函数式) 和 Login.vue
- 重构 http.js、token-manager.js、router/index.js
- 删除 TokenInput.vue、utils/auth.js 等冗余文件
- 更新所有API调用点使用直接实例导入

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

frontend/hooks/web/useUserInfo.js

@@ -20,7 +20,7 @@ let getTokenFn = null
  * 设置获取 token 的函数
  * @param {Function} fn - 获取 token 的函数
  */
-export function setTokenGetter(fn) {
+export function setTokensGetter(fn) {
   getTokenFn = fn
 }
 
@@ -60,7 +60,7 @@ export function useUserInfo(options = {}) {
 
   // 如果传入了 getToken 函数，设置它
   if (options.getToken) {
-    setTokenGetter(options.getToken)
+    setTokensGetter(options.getToken)
   }
 
   // 确定 API 基础路径
@@ -140,6 +140,10 @@ export function useUserInfo(options = {}) {
  * @returns {Promise<Object>} 用户信息对象
  */
 export async function getUserInfo(options = {}) {
+  // 如果传入了 getToken 函数，设置到全局
+  if (options.getToken) {
+    setTokensGetter(options.getToken)
+  }
   const { fetchUserInfo } = useUserInfo(options)
   return await fetchUserInfo()
 }