vue 判斷是否登錄，未登錄跳轉(zhuǎn)到登錄頁

meteor199 發(fā)布于2019-08-23 12:42 / 1468人閱讀

摘要：網(wǎng)頁一進入判斷是否登錄，未登錄跳轉(zhuǎn)到登錄頁面首頁是否需要判斷是否登錄這里是需要判斷不需要鑒權(quán)判斷該路由是否需要登錄權(quán)限確保一定要有被調(diào)用

網(wǎng)頁一進入判斷是否登錄，未登錄跳轉(zhuǎn)到登錄頁面

router.js

export default new Router({
  routes: [
    {
      path: "/",
      name: "HelloWorld",
      component: HelloWorld,
      meta: {
        title: "首頁",
        type: "login"  // 是否需要判斷是否登錄,這里是需要判斷
      }
    },
    {
      path: "/login",
      name: "login",
      component: login,
      meta: {
        title: "login",
        type: "" // 不需要鑒權(quán)
      }
    }
  ]
})

main.js

router.beforeEach((to, from, next) => {
  if (to.meta.title) {
    document.title = to.meta.title
  }
  const type = to.meta.type
  // 判斷該路由是否需要登錄權(quán)限
  if (type === "login") {
    if (window.localStorage.getItem("login")) {
      next()
    } else {
      next("/login")
    }
  } else {
    next()  // 確保一定要有next()被調(diào)用
  }
})

GPU云服務器云服務器跳轉(zhuǎn)到登錄頁面 php是否登錄判斷 php中判斷是否登錄是否登錄

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/98949.html

相關(guān)文章

Vue中的驗證登錄狀態(tài)

摘要：用存儲用戶路由守衛(wèi)路由中設(shè)置的字段就在當中每次跳轉(zhuǎn)的路徑登錄狀態(tài)下訪問頁面會跳到如果沒有訪問任何頁面。一個簡單的保存登錄狀態(tài)的小。 Vue項目中實現(xiàn)用戶登錄及token驗證先說一下我的實現(xiàn)步驟：使用easy-mock新建登錄接口，模擬用戶數(shù)據(jù) 使用axios請求登錄接口，匹配賬號和密碼賬號密碼驗證后，拿到token，將token存儲到sessionStorage中，并跳轉(zhuǎn)到首...

draveness 2019-08-26 13:33 評論0 收藏0
VUE知識點集錦

摘要：載入前后在階段，實例的和都初始化了，但還是掛載之前為虛擬的節(jié)點，還未替換。類似于，不同在于提交的是，而不是直接變更狀態(tài)可以包含任意異步操作。 vue基礎(chǔ) 1、 router 路由與 a 標簽的區(qū)別：https://www.jianshu.com/p/34b...2、 VUE雙向綁定的原理：答：VUE實現(xiàn)雙向數(shù)據(jù)綁定的原理就是利用了 Object.defineProperty() 這個...

Tecode 2019-08-23 16:02 評論0 收藏0
VUE知識點集錦

摘要：載入前后在階段，實例的和都初始化了，但還是掛載之前為虛擬的節(jié)點，還未替換。類似于，不同在于提交的是，而不是直接變更狀態(tài)可以包含任意異步操作。 vue基礎(chǔ) 1、 router 路由與 a 標簽的區(qū)別：https://www.jianshu.com/p/34b...2、 VUE雙向綁定的原理：答：VUE實現(xiàn)雙向數(shù)據(jù)綁定的原理就是利用了 Object.defineProperty() 這個...

APICloud 2019-08-02 14:34 評論0 收藏0
電商購物網(wǎng)站 - 登錄和瀏覽

摘要：添加商品頁視圖商品頁視圖用戶登錄成功之后則跳轉(zhuǎn)至視圖頁面商品主頁，就可以進行對商品的瀏覽和選擇了。 1、添加登錄視圖添加視圖前面我們已經(jīng)實現(xiàn)了注冊功能，用戶可以成功注冊，接著我們就開始讓用戶登錄了，此節(jié)我們就實現(xiàn)用戶的登錄功能，并且登錄成功后跳轉(zhuǎn)商品頁面查看商品。首先，我們還是在views目錄下添加登錄視圖頁面 —— login.html，效果圖如下： showImg(http:...

Jackwoo 2019-06-26 17:18 評論0 收藏0
Vue登錄注冊，并保持登錄狀態(tài)

摘要：關(guān)于登錄注冊，并保持登錄狀態(tài)，是玩家必經(jīng)之路，網(wǎng)上也有很多的解決方法，但是有一些太過于復雜，新手可能會看的一臉懵逼，現(xiàn)在給大家介紹一種我自己寫項目在用而且并不難理解的一種方法。關(guān)于vue登錄注冊，并保持登錄狀態(tài)，是vue玩家必經(jīng)之路，網(wǎng)上也有很多的解決方法，但是有一些太過于復雜，新手可能會看的一臉懵逼，現(xiàn)在給大家介紹一種我自己寫項目在用而且并不難理解的一種方法。項目中有一些路由是需...

amuqiao 2019-08-26 12:13 評論0 收藏0