vue登录管理

pc端页面登录逻辑,用户未登录状态下可以访问所有页面,但是请求数据是有限的,只有在登录状态下才能访问全部数据,同时未登录状态下,可视区有遮挡元素提示登录。

主要使用的技术vue、vuex、vue-router,在vue-router设置拦截守卫判断登录状态后给页面传递登录状态,页面拿到登录状态然后进行判断。
请求接口鉴权主要是jwt,可以本地化持有token,然后请求接口的时候传递token进行校验。

    注意:
    1.本地持有token,和登录状态过期需要及时更新 
    2.梳理下 持有登录状态是否必要 如果没有登录状态先是遮挡元素请求接口header不含有auth字段,如果有登录状态先是登出按钮,请求接口header含有auth字段,若token没有过期正常请求,要是过期了,最好是跳转到登录页面,提示登录。结论呢 持有这个登录状态 作用就是遮挡元素是否先是,登录按钮的状态 
    3.要是token过去提示跳转前把按钮登录状态改变了
原文地址:https://www.cnblogs.com/aloneCode/p/11091222.html