路由更新，crosrToken接口增加

src/router/index.ts

@@ -10,6 +10,7 @@ import UserList from '@/html/UserList.vue';
 import Home from '@/html/Home.vue';
 import DataStatistics from '@/html/DataStatistics.vue';
 import Cameras from '@/components/Cameras.vue';
+import Settings from '@/components/Settings.vue';
 
 const routes = [
     {
@@ -65,6 +66,12 @@ const routes = [
                 name: 'Cameras',
                 component: Cameras,
                 meta: { requiresAuth: true }
+            },
+            {
+                path:'/settings',
+                name: 'Settings',
+                component: Settings,
+                meta: { requiresAuth: true }
             }
         ]
     },

src/utils/boxApi.ts

@@ -382,17 +382,24 @@ class BoxApi {
     }
 
     private _authHeader(token: string | null = null): object {
-        // const access_token = token === "" ? this.token : token;
+        const accessToken = token || this.token || localStorage.getItem('alertToken') || "";
-        const alertToken = localStorage.getItem(`alertToken`) || token || this.token || "" || "";
         return {
             headers: {
                 'Content-Type': 'application/json',
                 'Accept': 'application/json',
-                'Authorization': `Bearer ${alertToken}`,
+                'Authorization': `Bearer ${accessToken}`,  
-                // 'Cookie': `jwt=${access_token}`
+                // 'X-CSRFToken': this.getCsrfToken() 
             }
-        }
+        };
     }
+    private getCsrfToken(): string {
+        const cookie = document.cookie.split(';').find(cookie => cookie.trim().startsWith('csrftoken='));
+        if (cookie) {
+            return cookie.split('=')[1];
+        }
+        return '';
+    }
+
 
     private _boxAddr() {
         return window.location.host.replace(/:\d+/, "");