關于vue登錄注冊,并保持登錄狀態(tài),是vue玩家必經(jīng)之路,網(wǎng)上也有很多的解決方法,但是有一些太過于復雜,新手可能會看的一臉懵逼,現(xiàn)在給大家介紹一種我自己寫項目在用而且并不難理解的一種方法。
項目中有一些路由是需要登錄才可以進入的,比如首頁,個人中心等等
有一些路由是不需要登錄就可以進入,比如登錄頁,注冊頁,忘記密碼等等
那如何判斷路由是否需要登錄呢?就要在路由JS里面做文章
1.在router.js中添加meta區(qū)分
比如登錄注冊頁面,不需要登錄即可進入,那么我們把meta中的isLogin標志設置為false

2.接下來我們在login.vue中修改登錄后狀態(tài)

3.Vuex里面我是這樣寫的(如果項目不需要Vuex,那么直接使用HTML5儲存就可以了):

4.重點來了~,在mian.js里
