美文网首页
总结一下自己使用React开发管理后台遇到的问题

总结一下自己使用React开发管理后台遇到的问题

作者: lvbunny | 来源:发表于2018-08-20 13:03 被阅读0次

一:本次使用的技术栈:react(16.4.1)+ react-router(4.3.1)+ axios(0.18)+ antd (3.7.1)
二:由于时间比较紧以及个人对redux不是很熟悉,在第一期项目中没有使用redux;
三:问题
1.登录

登录接的是公司统一的登录页面,

基本思路:初始化请求数据/用户信息时候需要根据后端返回的状态码再次进行跳转;

比如服务端返回302,然后使用window.location.assign(url),跳转到登录页面;
注:如果是接的公司统一的登录页面,这块服务端需要处理的比较多,涉及到跨域和多次重定向;(登录这块和服务端同学沟通一下,再补充一下)

2: react - router 

2.1:关于404或没有权限的路由组件的问题

路由代码

注意:一些404或者没有权限的组件路由要放在最后;

2.2:路由跳转

情景:在一个页面中有一个链接需要跳转到另一个页面中

跳转代码

第一步:定义一个方法,然后给需要的标签绑定点击事件;

第二步:点击事件

具体的点击跳转的事件

第三步:在跳转到的组件中接收

通过this.props.location可以接收到传递过来的信息

3.权限

思路:由于启动项目时候会去请求用户的信息,在这里加载了一个没有权限的组件,如果返回300,则显示该组件,否则显示app组件;进入到主页面后,如果该用户没有权限访问某个接口,则提示他没有访问该接口的权限。

先写到这里,有些问题也是自己第一次遇到,先总结记录一下,欢迎大家指正。

相关文章

网友评论

      本文标题:总结一下自己使用React开发管理后台遇到的问题

      本文链接:https://www.haomeiwen.com/subject/aygwbftx.html