diff --git a/src/components/CommunityRequest.vue b/src/components/CommunityRequest.vue
index b34eb16..894bec2 100644
--- a/src/components/CommunityRequest.vue
+++ b/src/components/CommunityRequest.vue
@@ -50,7 +50,7 @@
 <script>
 import { ref, reactive, onMounted, onBeforeUnmount } from 'vue'
 import { useRouter, useRoute } from 'vue-router'
-import apiClient from '../services/api'
+import { apiClient } from '../services/api'
 
 export default {
   name: 'CommunityRequest',
diff --git a/src/components/Dashboard.vue b/src/components/Dashboard.vue
index 9260998..8f7dbe8 100644
--- a/src/components/Dashboard.vue
+++ b/src/components/Dashboard.vue
@@ -176,7 +176,7 @@
 <script>
 import axios from 'axios';
 import * as echarts from 'echarts';
-import apiClient from '../services/api'
+import { apiClient } from '../services/api'
 
 export default {
   name: 'Dashboard',
diff --git a/src/components/ImageRecognition.vue b/src/components/ImageRecognition.vue
index d8ccfe1..3830317 100644
--- a/src/components/ImageRecognition.vue
+++ b/src/components/ImageRecognition.vue
@@ -73,7 +73,7 @@
 
 <script>
 import { ref, onMounted, onBeforeUnmount } from 'vue'
-import apiClient from '../services/api'
+import { apiClient } from '../services/api'
 
 export default {
   name: 'ImageRecognition',
diff --git a/src/components/SystemHealth.vue b/src/components/SystemHealth.vue
index 8734fca..531e896 100644
--- a/src/components/SystemHealth.vue
+++ b/src/components/SystemHealth.vue
@@ -143,7 +143,7 @@
 
 <script>
 import { ref, onMounted, onBeforeUnmount, watch } from 'vue'
-import apiClient from '../services/api'
+import { apiClient } from '../services/api'
 
 export default {
   name: 'SystemHealth',
diff --git a/src/services/api.js b/src/services/api.js
index 268cda4..cacb2b3 100644
--- a/src/services/api.js
+++ b/src/services/api.js
@@ -105,4 +105,5 @@ const api = {
   }
 }
 
-export default api 
\ No newline at end of file
+export default api 
+export { apiClient }