Enhance authentication flow by checking for an auth token in localStorage during user login. Update API endpoint references to include versioning in ApiKeyManager and api.js files, improving clarity and consistency across the application.

Author: fr4iser90

frontend/src/App.vue

@@ -38,8 +38,15 @@ export default {
   },
   methods: {
     onUserLoggedIn() {
-      this.isLoggedIn = true;
-      this.currentProjectIdForConfigManager = null;
+      const token = localStorage.getItem('authToken');
+      if (token) {
+        axios.defaults.headers.common['Authorization'] = `Token ${token}`;
+        this.isLoggedIn = true;
+        this.currentProjectIdForConfigManager = null;
+      } else {
+        console.error("Login event received, but no token found in localStorage.");
+        this.handleLogout(true);
+      }
     },
     async handleLogout(isSessionExpired = false) {
       if (isSessionExpired) {

frontend/src/components/ApiKeyManager.vue

@@ -40,7 +40,7 @@
 <script>
 import axios from 'axios';
 
-const API_KEYS_URL = '/api/core/api-keys/'; // Endpoint for APIKeyViewSet
+const API_KEYS_URL = '/api/v1/core/api-keys/'; // Corrected Endpoint with v1 prefix
 
 export default {
   name: 'ApiKeyManager',

frontend/src/services/api.js

@@ -1,6 +1,6 @@
 import axios from 'axios';
 
-const API_CORE_URL = '/api/core';
+const API_CORE_URL = '/api/v1/core';
 
 // Utility for handling Axios responses, can be expanded (e.g., for error formatting)
 const handleResponse = (response) => response.data;