网页打开是空白的,记得查看配置默认路由是不是被遗忘了(react)!!!!!

我真是个闪避,本来程序运行的好好的,前一天在配置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别忽略他😢😢😢

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值