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

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

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

網(wǎng)頁一進(jìn)入判斷是否登錄，未登錄跳轉(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)用
  }
})

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/98949.html

相關(guān)文章

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

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

draveness 2019-08-26 13:33 評(píng)論0 收藏0
VUE知識(shí)點(diǎn)集錦

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

Tecode 2019-08-23 16:02 評(píng)論0 收藏0
VUE知識(shí)點(diǎn)集錦

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

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

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

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

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

amuqiao 2019-08-26 12:13 評(píng)論0 收藏0