在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue中登錄成功跳轉(zhuǎn)列表頁,判斷l(xiāng)ocalstorge里沒值讓它返回登錄頁。

vue中登錄成功跳轉(zhuǎn)列表頁,判斷l(xiāng)ocalstorge里沒值讓它返回登錄頁。

clipboard.png
登錄成功后提交返回?cái)?shù)據(jù)到vuex然后保存到localstrage并跳轉(zhuǎn)列表頁notelist.vue

clipboard.png

clipboard.png

clipboard.png
home.vue通過getter獲取vuex里的用戶名和頭像。

clipboard.png

注銷后清空vuex和localstorge,既然沒登錄那就肯定不能直接輸入url訪問列表頁
所以我再notelist.vue的mounted里加了判斷
clipboard.png
如果localstorage里沒值代表沒登錄跳轉(zhuǎn)登錄頁,但是這樣寫卻無效果,不會(huì)跳轉(zhuǎn)刷新,并且沒登錄訪問http://localhost:8086/#/notemanager/notelist頁面一片空白,請(qǐng)問這是為什么呢?在created鉤子里寫也是這樣。

回答
編輯回答
墨沫

https://github.com/qinouz/vue... 我自己寫的一個(gè) vuex 小工具 看得懂你就用能解決你的問題

2018年4月3日 07:37
編輯回答
敢試

建議你在路由跳轉(zhuǎn)的時(shí)候做訪問控制,這樣便于邏輯處理
類似于這種寫法,寫在路由的js里,僅供參考

const router = new VueRouter({
  // mode: 'history',
  routes
});
router.beforeEach((to, from, next) => {
  if (to.matched.some(r => r.meta.requireAuth)) {
    if (store.state.token) {
      next();
    } else {
      next({
        path: '/login',
      })
    }
  } else {
    next();
  }
})
2018年3月12日 20:08