摘要:網頁一進入判斷是否登錄,未登錄跳轉到登錄頁面首頁是否需要判斷是否登錄這里是需要判斷不需要鑒權判斷該路由是否需要登錄權限確保一定要有被調用
網頁一進入判斷是否登錄,未登錄跳轉到登錄頁面
router.jsexport default new Router({ routes: [ { path: "/", name: "HelloWorld", component: HelloWorld, meta: { title: "首頁", type: "login" // 是否需要判斷是否登錄,這里是需要判斷 } }, { path: "/login", name: "login", component: login, meta: { title: "login", type: "" // 不需要鑒權 } } ] })main.js
router.beforeEach((to, from, next) => { if (to.meta.title) { document.title = to.meta.title } const type = to.meta.type // 判斷該路由是否需要登錄權限 if (type === "login") { if (window.localStorage.getItem("login")) { next() } else { next("/login") } } else { next() // 確保一定要有next()被調用 } })
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/98949.html
摘要:用存儲用戶路由守衛路由中設置的字段就在當中每次跳轉的路徑登錄狀態下訪問頁面會跳到如果沒有訪問任何頁面。一個簡單的保存登錄狀態的小。 Vue項目中實現用戶登錄及token驗證 先說一下我的實現步驟: 使用easy-mock新建登錄接口,模擬用戶數據 使用axios請求登錄接口,匹配賬號和密碼 賬號密碼驗證后, 拿到token,將token存儲到sessionStorage中,并跳轉到首...
摘要:添加商品頁視圖商品頁視圖用戶登錄成功之后則跳轉至視圖頁面商品主頁,就可以進行對商品的瀏覽和選擇了。 1、添加登錄視圖 添加視圖 前面我們已經實現了注冊功能,用戶可以成功注冊,接著我們就開始讓用戶登錄了,此節我們就實現用戶的登錄功能,并且登錄成功后跳轉商品頁面查看商品。 首先,我們還是在views目錄下添加登錄視圖頁面 —— login.html,效果圖如下: showImg(http:...
摘要:關于登錄注冊,并保持登錄狀態,是玩家必經之路,網上也有很多的解決方法,但是有一些太過于復雜,新手可能會看的一臉懵逼,現在給大家介紹一種我自己寫項目在用而且并不難理解的一種方法。 關于vue登錄注冊,并保持登錄狀態,是vue玩家必經之路,網上也有很多的解決方法,但是有一些太過于復雜,新手可能會看的一臉懵逼,現在給大家介紹一種我自己寫項目在用而且并不難理解的一種方法。 項目中有一些路由是需...
閱讀 2682·2023-04-25 15:15
閱讀 1322·2021-11-25 09:43
閱讀 1611·2021-11-23 09:51
閱讀 1086·2021-11-12 10:36
閱讀 2888·2021-11-11 16:55
閱讀 962·2021-11-08 13:18
閱讀 734·2021-10-28 09:31
閱讀 2057·2019-08-30 15:47