一:本次使用的技术栈: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组件;进入到主页面后,如果该用户没有权限访问某个接口,则提示他没有访问该接口的权限。
先写到这里,有些问题也是自己第一次遇到,先总结记录一下,欢迎大家指正。
网友评论