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

一：本次使用的技术栈：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组件；进入到主页面后，如果该用户没有权限访问某个接口，则提示他没有访问该接口的权限。

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