feat(client): add the setBearerToken method to the APIClient

packages/app/src/pages/apiClient.ts

@@ -4,6 +4,8 @@ const apiClient = new APIClient({
   baseURL: `http://localhost:3000/api/`,
 });
 
+apiClient.setBearerToken();
+
 // mock(apiClient);
 
 export default apiClient;

packages/client/src/api-client/APIClient.ts

@@ -37,6 +37,16 @@ export class APIClient {
     }
   }
 
+  setBearerToken(key = 'nocobaseToken') {
+    this.axios.interceptors.request.use((config) => {
+      const token = localStorage.getItem(key);
+      if (token) {
+        config.headers['Authorization'] = `Bearer ${token}`;
+      }
+      return config;
+    });
+  }
+
   service(uid: string): Result<any, any> {
     return this.services[uid];
   }
@@ -74,4 +84,4 @@ export class APIClient {
     };
     return new Proxy(target, handler);
   }
-}
+}

packages/client/src/api-client/demos/demo1.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
+import { APIClient, APIClientProvider, compose, useRequest } from '@nocobase/client';
 import MockAdapter from 'axios-mock-adapter';
-import { APIClient, APIClientProvider, useRequest, compose } from '@nocobase/client';
+import React from 'react';
 
 const apiClient = new APIClient();