我真是个闪避,本来程序运行的好好的,前一天在配置github时第二天,idea突然抽风,打开浏览器界面显示不了东西,本来马上节能去汇报进度了,太他妈绝望了(所以第二天玩了一天潜水员戴夫🤣),今天算是解决
进入正题
其实问题非常简单,仅仅是因为默认路由的关系
import React from "react"
import {BrowserRouter as Router,Routes,Route,Navigate } from "react-router-dom";
import Login from "./Login"
import PrivateRoute from "./PrivateRoute";
import FrontPage from "./frontPage"
const App=()=>{
return(
<Router>
<Routes>
<Route path="/" element={<Navigate to="/login" />} />
<Route path="/Login" element={<Login/>}/>
<Route path="/frontPage" element={<FrontPage></FrontPage>}/>
</Routes>
</Router>
);
};
export default App;
<Route path="/" element={<Navigate to="/login" />} />仔细看这一句,本来这句代码在之气那是确实存在的,但是指向的是一个并没有用上的路由,所以在所有工作完成后我直接把那句删掉了,后面也没有再运行这个工程了,也就导致我把问题归结到idea配置github上了,真是太蠢,所以
没有为默认路径(/
)设置任何页面或重定向,这意味着如果直接访问 localhost:3000
,不会有任何东西显示。
这一个小斜杠是很重要的,初学react别忽略他😢😢😢