feat:添加登录功能

apps/frontend/src/lib/api/client.ts

@@ -1,4 +1,6 @@
-import axios from 'axios';
+import axios, { AxiosHeaders, type AxiosRequestHeaders } from 'axios';
+import router from '../../router';
+import { useAuthStore } from '../../stores/auth';
 
 const baseURL = import.meta.env.VITE_API_BASE_URL ?? 'http://localhost:4000/api';
 
@@ -7,11 +9,33 @@ export const apiClient = axios.create({
   timeout: 10_000
 });
 
+apiClient.interceptors.request.use((config) => {
+  const authStore = useAuthStore();
+  if (authStore.isAuthenticated && authStore.accessToken) {
+    if (config.headers instanceof AxiosHeaders) {
+      config.headers.set('Authorization', `Bearer ${authStore.accessToken}`);
+    } else if (config.headers) {
+      (config.headers as AxiosRequestHeaders).Authorization = `Bearer ${authStore.accessToken}`;
+    } else {
+      config.headers = { Authorization: `Bearer ${authStore.accessToken}` } as AxiosRequestHeaders;
+    }
+  }
+  return config;
+});
+
 apiClient.interceptors.response.use(
   (response) => response,
   (error) => {
     if (error.response) {
       console.error('API error', error.response.status, error.response.data);
+      if (error.response.status === 401) {
+        const authStore = useAuthStore();
+        authStore.clearSession();
+        const current = router.currentRoute.value;
+        if (!current.path.startsWith('/auth')) {
+          void router.replace({ name: 'login', query: { redirect: current.fullPath } });
+        }
+      }
     } else {
       console.error('Network error', error.message);
     }

apps/frontend/src/lib/native/notification-permission.ts

@@ -0,0 +1,49 @@
+import { Capacitor } from '@capacitor/core';
+import { registerPlugin } from '@capacitor/core';
+
+interface NotificationPermissionStatus {
+  granted: boolean;
+  postNotificationsGranted?: boolean;
+}
+
+interface NotificationPermissionPlugin {
+  checkStatus(): Promise<NotificationPermissionStatus>;
+  requestAccess(): Promise<{ opened: boolean } | void>;
+  openSettings(): Promise<{ opened: boolean } | void>;
+  requestPostNotifications(): Promise<{ granted: boolean }>;
+}
+
+const WebFallback: NotificationPermissionPlugin = {
+  async checkStatus() {
+    return { granted: true, postNotificationsGranted: true };
+  },
+  async requestAccess() {
+    return { opened: false };
+  },
+  async openSettings() {
+    return { opened: false };
+  },
+  async requestPostNotifications() {
+    return { granted: true };
+  }
+};
+
+export const NotificationPermission = registerPlugin<NotificationPermissionPlugin>('NotificationPermissions', {
+  web: WebFallback
+});
+
+export async function ensureNotificationPermissions() {
+  if (!Capacitor.isNativePlatform()) {
+    return { granted: true, postNotificationsGranted: true } satisfies NotificationPermissionStatus;
+  }
+
+  const status = await NotificationPermission.checkStatus();
+  if (!status.postNotificationsGranted) {
+    try {
+      await NotificationPermission.requestPostNotifications();
+    } catch (error) {
+      console.warn('requestPostNotifications failed', error);
+    }
+  }
+  return NotificationPermission.checkStatus();
+}