React登陆账号之后返回之前的页面
2017-07-13 16:59
309 查看
登录之后需要跳转的页面。即在哪个页面登录的,登录完了之后还要再跳转到哪个页面
路由的配置
登陆的路由
详情页的路由
点击登陆按钮的部分代码
其实这个router是在商品页跳转到登陆页面的时候携带过去的商品页的路由
商品页部分代码,在商品详情页点击登陆按钮跳转到登陆界面的时候会加上router
然后现在看上面的那段代码,router这个参数也就有了,所以说在商品页跳转登陆页面的时候会多携带一个参数(也就是这个商品页的路由地址,命名为router),然后登陆账号之后router存在,那么执行上面的代码,直接跳转到对应的商品页
路由的配置
登陆的路由
<Route path='/login(/:router)' component={Login} />
详情页的路由
<Route path='/detail/:id' component={Detail} />每个商品的页面都有对应的id
点击登陆按钮的部分代码
const params = this.props.params const router = params.router if(router){ //跳转到指定的页面 hashHistory.push(router) }else{ //跳转到用户主页 hashHistory.push('/User') }
其实这个router是在商品页跳转到登陆页面的时候携带过去的商品页的路由
商品页部分代码,在商品详情页点击登陆按钮跳转到登陆界面的时候会加上router
hashHistory.push('/login/' + encodeURIComponent('/detail/'+ id ))
然后现在看上面的那段代码,router这个参数也就有了,所以说在商品页跳转登陆页面的时候会多携带一个参数(也就是这个商品页的路由地址,命名为router),然后登陆账号之后router存在,那么执行上面的代码,直接跳转到对应的商品页
相关文章推荐
- React页面登录之后返回之前浏览页面
- magento登录之后返回登录之前页面
- 如何在登陆后返回之前浏览的页面
- [IIS] 测试的产品登陆之后有个引用外部站点js的请求半天都无法返回,导致网页一直在打转,Selenium的driver也无法对页面进行下一步的操作
- WordPress登陆之后返回登陆前的页面
- 退出到登陆界面时,防止按返回返回到之前的页面
- 安装shopnc2.3之后,后台登陆页面验证码不显示
- php怎么实现在登陆界面登陆之后在主页面显示你的登陆个人i信息?
- 清空Session并数秒钟后自动返回到登陆页面
- Java返回今天之后或之前的若干天(精确到小时)
- 退出系统,返回登陆页面
- JSP/Servlet基础——登录成功后返回之前的页面
- struts 2中当SESSION过期后返回登陆页面
- struts 2中当SESSION过期后返回登陆页面
- 在firefox中backspace返回键不能回到之前的页面
- 倒数3秒钟,之后返回上一页面。
- srping security3.0(一)----登陆不能抛出自己定义的异常,用户不存在异常,用户尝试登陆次数过多,回到登陆之前访问的页面
- 【phpcms-v9】phpcms-v9系统中内容详情页登陆后返回页面
- Copy文件之前先用有權限的账号登陆,然后用此账号操作