在登陸的時(shí)候斯辰,把后端返回的id存入sessionStroage和存入vuex的state中,
上面是對(duì)應(yīng)的mutations中的方法,會(huì)把id存入sessionStorage中
sessionStorage中的方法
然后再router.js中添加如下方法
就可以實(shí)現(xiàn)登錄的攔截了告私。
但是用以上的方法寂殉,會(huì)發(fā)現(xiàn)再同一個(gè)瀏覽器的窗口刷新沒(méi)問(wèn)題,換一個(gè)窗口訪問(wèn)主頁(yè)就需要重新登陸了您炉。這是因?yàn)閟essionStorage的特點(diǎn)柒爵。
可以下面的鏈接,看看他們的不同
localStorage赚爵、sessionStorage棉胀、Cookie的區(qū)別及用法 - 前端課堂 - SegmentFault 思否