登入
(自定义内存(一个单独的变量),localStorage)
- 在登入验证成功后将数据保存到内存和localStorage中
- 在项目的入口文件index.js读取localStorage中的数据,并保存到内存中
- 在登入页面的最前面,判断用户是否登入(从内存中取出数据,判断数据是否存在),如果登入则跳转页面
- 在其他页面,判断用户是否登入,未登入则跳转到登入页面
代理proxy
注意的一些点:
- 生产环境下代理不生效,开发环境可以生效(因为react脚手架中有代理的代码)
- 配置单行代理的时候,不用写基址(http:localhost:3000),否则代理不生效
在类组件的render中进行页面跳转
import {Redirect} from 'react-router-dom'
<Redirect to="/" /> //重定向