Question

我的项目中有这个奇怪的东西。...

当我单击lin kin header.js时，页面会平滑更改。但是面包屑中的链接仅更改了URL，并且页面无法呈现。我必须刷新页面才能呈现它。

我的index.js看起来像

<Router>                        
   <Header/>
     <Switch>
         <Route exact path="/admin" component={withRouter(AdminUsers)} />
         <Route exact path="/" component={withRouter(Home)} />
         <Route exact path="/about" component={withRouter(About)} />
         <Route exact path="/register" component={withRouter(Register)} />
         <Route exact path="/login" component={withRouter(Login)} />
         <Route exact path="/reset" component={withRouter(Reset)} />
         <Route exact path="/profileDoctorCreate" component={withRouter(ProfileDoctorCreate)} />
         <Route exact path="/profileDoctorupdate" component={withRouter(ProfileDoctorUpdate)} />
         <Route exact path="/profileHospitalCreate" component={withRouter(ProfileHospitalCreate)} />
         <Route exact path="/profileHospitalUpdate" component={withRouter(ProfileHospitalUpdate)} />
         <Route exact path="/profilelist" component={withRouter(Profilelist)} />
       </Switch>
    <Footer/>
</Router>

面包屑是

<nav aria-label="breadcrumb"> 
   <ol className="breadcrumb">
    <li className="breadcrumb-item"><Link to="/">Home</Link></li>
    <li className="breadcrumb-item"><Link to="/profileDoctorCreate">DR Profile Update</Link></li>
    <li className="breadcrumb-item"><Link to="/profileDoctorUpdate">DR Profile Update</Link></li>
    <li className="breadcrumb-item"><Link to="/profileHospitalCreate">HO Profile Update</Link></li>
    <li className="breadcrumb-item"><Link to="/profileHospitalUpdate">HO Profile Update</Link></li>
    <li className="breadcrumb-item"><Link to="/profilelist">Profile List</Link></li>
    <li className="breadcrumb-item"><Link to="/admin">Admin</Link></li>
   </ol>
</nav>

我正在使用react-router-dom，后端是Laravel。 web.php看起来像

Route::get( '/{path?}', function(){
  return view( 'app' );
} )->where('path', '.*');

任何帮助将不胜感激。

Answer 1

最终解决了这个问题。

我正在包装引起问题的部件。我也许是在线复制的。

希望没有人会犯同样的错误。

React Laravel Project-仅URL更改但页面未呈现

1 个答案: