登录注册token

时间原因言简意赅,提炼重要的东西,细节看不懂的可以自行百度

一、注册

注册这我就不多说了,每个人有每个人的静态界面。代码逻辑都大差不差,获取api接口,Vuex等等

二、登陆

1、登录业务(token)

登录之前先注册,通过数据库存储用户信息(名字,密码) 

登录成功的时候,后台为了区分用户是谁,服务器下发token【令牌:唯一标识符】。

登录成功显示token,你看你那里有token了那你就登陆成功了

2、登录后

登陆之后,首页能看到用户名

当用户登录向服务器发送请求(组件派发action:userInfo),登录成功获取到token,存储于仓库之中(非持久化的),然后路由跳转到首页。所以得在首页当中(mounted)派发action获取用户信息,动态展示header组件内容。vuex获取用户信息。网页里面还看不到token, 得在request.js文件中的请求拦截器添加需要携带token带给服务器的代码。然后就在组件里用vue的一些指令动态展示,能看到退出啥的。但是一刷新home首页,就获取不到用户信息了(token:vuex非持久化存储)

3、持久化存储token

用本地存储:localStorage把token存储在localStorage中,就加行代码,把函数一封装就行了

4、退出登录,清除token

给退出登录按钮绑定一个click事件,配置好退出登录的api,vuex中actions和mutation写代码,组件写点击事件

猜你喜欢

转载自blog.csdn.net/xxxcAxx/article/details/128668449