1. 程式人生 > >React頁面登入之後返回之前瀏覽頁面

React頁面登入之後返回之前瀏覽頁面

路由配置

<Route path='/Login(/:router)' component={Login}/>//匹配 /Login,/Login/detail/100

在登入頁面程式碼

//驗證如果路由中存在router將跳回到指定頁面

const params=this.props.params

const router=params.router

if(router){

hasHistory.push(router)

}else{

this.goUserPage()

}

goUserPage(){

hasHistory.push('/User')

}

驗證頁面處理

if(!userinf.username){

//這裡將跳轉到登入頁面。傳入router,以便登入完成自己跳 回來

hasHistory.push('/Login'+encodeURIComponent('/detail/'+id))

}