登录之后存储用户信息localStorage

前端小白白....

已于 2022-05-30 16:05:49 修改

阅读量1.5k

点赞数 1

分类专栏： react 文章标签： git

于 2022-05-30 16:01:39 首次发布

本文链接：https://blog.csdn.net/m0_60322879/article/details/125047944

版权

react 专栏收录该内容

35 篇文章 0 订阅

订阅专栏

1.快捷键ctrl+鼠标点击可以跳转到指定页面，然后alt+←箭头可以返回上一个页面。

2.postman软件用于测试后端接口

3.在react的render函数中跳转页面，需要用到路由重定向return <Dedirect to = '/login'>@5版本路由，在@6版本路由需要用到<Navigate to = '/login'>,在回调函数中跳转路由需要用到this.props.history.replace('/login')

4.存储登录信息，需要创建一个utils文件夹

//const BASE_TOKEN= 'token-on'
export default {
   
  setItem（user）{
  // localStorage.setItem(BASE_TOKEN,JSON.stringify(user))
     localStorage.setItem('token-on',JSON.stringify(user))
    
}
 
 getItem（）{
     //return JSON.parse(localStorage.getItem(BASE_TOKEN))
    return JSON.parse(localStorage.getItem('token-on'))
}
 removeItem（）{
   // localStorage.removeItem(BASE_TOKEN)
    localStorage.removeItem('token-on')
}
 
}

这个是本地存储的，存，取，和移除api

通过判断登录页用户信息是否存在，来判断是否跳转登录页还是在home页面。

5.git init 初始化git仓库，git add . 添加暂存区 git commit -m '提交信息' ， git pull 地址，拉去远程库代码， git push 地址，推送远程仓库代码

6.git checkout -b dev 创建并切换dev分支， git brench 查看分支，

git checkout -b dev origin/dev 根据远程dev创建本地dev分支

git pull origin dev 拉取远程dev分支