猿问

想问下 react-router v4 的用法

我现在正在学习react,有些地方不知道怎么做才好。项目进来时,会先请求后台判断是否有权限,用redux去存储状态值。
exportconstAuthRoute=({component:Component,redirect,loginStatus,...data})=>(
(
loginStatus?():(
pathname:'/home'
}}/>
)
)}/>
)
用loginStatus去判断是否有权限。
当去一个news的页面,需要有权限才能显示。所以在请求接口时(loginStatus还没改改变时),就会重定向到/home页面。当请求完毕,更新了redux,变成有权限。
/home页面有权限的就话就会重定向到/页面。
期望
权限变更后(有权限)应该跳回去刚进来时的页面(/news)。
现在
权限变更后,只会跳去定义好的重定向页面(/)。
那我是不是要拿到因没权限而重定向前的路径,当有权限后,就应该重定向回那个路径呢?
有没有什么好的解决方法。。。我在github找demo也找不到好的处理方法。
倚天杖
浏览 430回答 2
2回答

蝴蝶刀刀

当去一个news的页面,需要有权限才能显示。所以在请求接口时(loginStatus还没改改变时),就会重定向到/home页面。当请求完毕,更新了redux,变成有权限。这种操作是有问题的,你不应该在没判定到有无权限之前跳转页面,而是应该在判断到没权限时跳转到登录页面。简单来说,所有页面用户都可以先进去,但是如果没有权限,就赶回登录页。

心有法竹

换个思路试试,你这思维方式是一个使用者的思考方式。首先:前端拿到的数据都应该是有权限的。只要接口返回的数据,前端全部认为是有权限的,否则权限控制毫无意义。第二:当用户登录时,就应该把该用户所能访问的菜单,也就是router的内容给你。第三:在router的最后一个Router中,加入一个404或者403的page,当请求找不到router时,直接进入这个页面。也就认为是无权限。
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答