63 lines
1.2 KiB
TypeScript
63 lines
1.2 KiB
TypeScript
import 'antd/dist/antd.css';
|
|
import { useRequest } from 'ahooks';
|
|
import { Spin } from 'antd';
|
|
import React, { useMemo } from 'react';
|
|
import { MemoryRouter as Router } from 'react-router-dom';
|
|
import {
|
|
createRouteSwitch,
|
|
AdminLayout,
|
|
AuthLayout,
|
|
RouteSchemaRenderer,
|
|
ConfigProvider,
|
|
ClientSDK,
|
|
} from '@nocobase/client';
|
|
import { extend } from 'umi-request';
|
|
|
|
const request = extend({
|
|
prefix: process.env.API_URL,
|
|
timeout: 30000,
|
|
});
|
|
|
|
request.use(async (ctx, next) => {
|
|
const { headers } = ctx.req.options as any;
|
|
const token = localStorage.getItem('NOCOBASE_TOKEN');
|
|
if (token) {
|
|
headers['Authorization'] = `Bearer ${token}`;
|
|
}
|
|
await next();
|
|
});
|
|
|
|
const client = new ClientSDK({ request });
|
|
|
|
const RouteSwitch = createRouteSwitch({
|
|
components: {
|
|
AdminLayout,
|
|
AuthLayout,
|
|
RouteSchemaRenderer,
|
|
},
|
|
});
|
|
|
|
const App = () => {
|
|
const { data, loading } = useRequest('routes:getAccessible', {
|
|
formatResult: (result) => result?.data,
|
|
});
|
|
|
|
if (loading) {
|
|
return <Spin />;
|
|
}
|
|
|
|
return (
|
|
<div>
|
|
<RouteSwitch routes={data} />
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default function IndexPage() {
|
|
return (
|
|
<ConfigProvider client={client}>
|
|
<App />
|
|
</ConfigProvider>
|
|
);
|
|
}
|