在项目开发过程中使用的是 vue 和 vue-router，用户在登录之后，相对应的状态也要发生改变，该隐藏的就隐藏，该显示的用户信息就要显示。
pc端开发简述为以下四个步骤
- 用户登录之后，将账号和密码 提交到后台
- 后台返回给你 token 。 将token 保存在 sessionstorage 中
- 设置请求头，在每次向后端发送请求的时候都要携带 token，作为后端判断用户的标识。
- 每次切换页面的时候，肯定要初始化数据，这时候你要在created的时候判断vuex里面是否有用户信息，如果有的话，在渲染用户信息的时候，你就从vuex里面拿值渲染。如果没有的话你再判断本地是否有 token ，如果本地有的话，你就要请求用户的信息然后渲染。并将用户信息提交到 vuex中保存。
- vuex里面需要一个变量来保存用户所有信息，方便拿取。还需要一个函数来方便提交用户信息。
使用sessionstorage的原因。
-
安全
在浏览器关闭的时候会将用户信息清除。如果再次访问就会验证登录 -
机制比较好
session与local相比，session在浏览器关闭的时候信息就清除了，但是local是需要人工清除的，使用更加方便。
开发PC端的时候，你可以抽离一个导航栏模块复用，在这个模块里面处理登录状态问题
版权声明：本文为weixin_44241233原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。