色综合图-色综合图片-色综合图片二区150p-色综合图区-玖玖国产精品视频-玖玖香蕉视频

您的位置:首頁技術(shù)文章
文章詳情頁

Vue Router中應(yīng)用中間件的方法

瀏覽:110日期:2022-12-14 15:55:14

中間件是我們在軟件開發(fā)中的一個古老而強大的概念,當我們在應(yīng)用程序中使用路由相關(guān)模式時,它非常有用。

如果您不太了解中間件的含義,Nodejs框架Express里的中間件可以幫助您了解它們的工作原理。

但是,中間件僅適用于后端嗎?

不,當應(yīng)用程序中有路由時,中間件在前端或后端中就會非常常見。比如現(xiàn)在流行的單頁應(yīng)用程序。

有一些示例可以說明,何時可以使用中間件:

不允許未登錄用戶訪問您的網(wǎng)頁。 僅允許某些類型的用戶查看頁面(角色:管理員,作者等) 數(shù)據(jù)采集。 重置設(shè)置或清理存儲空間。 限制訪問用戶的年齡。

還有一些......

那么如何在Vue中使用中間件?

感謝Vue Router,這將非常簡單!因為這個插件實現(xiàn)了一個類似的概念,稱為“導(dǎo)航守衛(wèi)”。

Vue Router中應(yīng)用中間件的方法

導(dǎo)航守衛(wèi)真的很棒,讓我們在進入路由之前,更新之前和離開之前,可以執(zhí)行一些代碼邏輯。

Vue Router中應(yīng)用中間件的方法

還可以使用全局守衛(wèi)。

Vue Router中應(yīng)用中間件的方法

但有時我們需要多個中間件用于同一路由,我們可以用Vue Router Multiguard包解決問題。這允許我們設(shè)置一系列守衛(wèi),如下所示:

Vue Router中應(yīng)用中間件的方法

在上邊示例中可以看到,通過Vue Router Multiguard,在路由配置中應(yīng)用中間件很容易。讓我們再看一個簡化的例子:

首先,我們定義一個模擬用戶。然后假設(shè)您有一個服務(wù),可以從全局state或其他地方獲得當前用戶的數(shù)據(jù)。

Vue Router中應(yīng)用中間件的方法

現(xiàn)在,我們可以用中間件創(chuàng)建我們的“真實”示例:

Vue Router中應(yīng)用中間件的方法

PS:

1. Vue Router還有組件內(nèi)的守衛(wèi)

beforeRouteEnter beforeRouteUpdate (2.2 新增) beforeRouteLeave

其中beforeRouteEnter,很適合在進入頁面之前去獲取數(shù)據(jù)。

2. 如果你閱讀了文檔,你會發(fā)現(xiàn)你可以將下一個路由傳遞給 next() 函數(shù),例如重定向到 login - next(’/login’)

以上就是Vue Router中應(yīng)用中間件的方法的詳細內(nèi)容,更多關(guān)于Vue Router中應(yīng)用中間件的資料請關(guān)注好吧啦網(wǎng)其它相關(guān)文章!

標簽: Vue
相關(guān)文章:
主站蜘蛛池模板: 国产日韩三级 | 男子操女子 | 欧美日本一区视频免费 | 成人性色生活片免费网 | 国产精品单位女同事在线 | 欧美一级毛片特黄黄 | 亚洲国产欧美在线人成 | 在线一区国产 | 99精品一区二区免费视频 | 亚洲天堂成人在线观看 | 美女免费在线视频 | 精品一区二区三区在线观看 | 4455永久在线毛片观看 | 国产欧美日韩一区二区三区 | 三级国产在线 | 99久久精品国产一区二区成人 | 手机看片1024精品国产 | 国产欧美精品一区二区 | 精品中文字幕不卡在线视频 | 国产亚洲人成在线影院 | 深夜福利亚洲 | 久草视频福利在线观看 | 国产午夜视频 | 成人精品视频在线观看 | 欧美精品一区二区三区免费观看 | 最新国产毛片 | 国产欧美一区二区精品性色 | 草草影院www色极品欧美 | 亚洲在线国产 | 日韩毛片免费视频一级特黄 | 国产一级毛片外aaaa | 奇米影视7777久久精品 | 亚洲精品欧美精品中文字幕 | 久久久久无码国产精品一区 | 黄录像欧美片在线观看 | 欧美成人免费大片888 | 欧美视频在线一区二区三区 | 91精品一区二区三区在线观看 | 亲子乱子伦xxxxxinin | 国内高清久久久久久久久 | 国产一级精品高清一级毛片 |