进入管理员界面js代码

// App.js
import React, { useState, useEffect } from 'react';
import { BrowserRouter as Router, Route, Switch, Redirect } from 'react-router-dom';

const AdminPage = () => <div>这是管理员界面</div>;
const HomePage = () => <div>这是主页</div>;

const App = () => {
  const [isAdmin, setIsAdmin] = useState(false);

  useEffect(() => {
    // 模拟从后端获取用户权限
    const checkAdminStatus = async () => {
      try {
        const response = await fetch('/api/check-admin');
        const data = await response.json();
        setIsAdmin(data.isAdmin);
      } catch (error) {
        console.error('权限验证失败:', error);
      }
    };

    checkAdminStatus();
  }, []);

  return (
    <Router>
      <Switch>
        <Route exact path="/">
          <HomePage />
        </Route>
        <Route path="/admin">
          {isAdmin ? <AdminPage /> : <Redirect to="/" />}
        </Route>
        <Redirect to="/" />
      </Switch>
    </Router>
  );
};

export default App;