關於VUE動態路由設計的淺見

2021-09-20 03:48:46 字數 523 閱讀 2958

在工作中使用前後端分離的操作,前端vue,而通常都是做中後台,這樣的情況往往就需要考慮許可權問題。

在我看來許可權可以是前端控制也可以是後端控制,當然前端控制往往可以很容易繞過去,這時候我們就需要後端控制進一步過濾。

下面是我對於動態路由的設計淺見:

首先既然根據不同使用者提供許可權(大部分情況是不同頁面),在vue執行時我們不能將所有頁面全部載入進去,如果都載入了而後端沒有做進一步驗證過濾就很容易繞過去,同時載入一些沒有許可權的頁面也浪費時間,我們需要後端配合將使用者許可權通過後端儲存起來,當使用者登入時在後端拉取使用者所能訪問的許可權拋給前端。

其次當前端收到返回後,將使用者所能訪問的許可權以及一些功能頁面拼湊起來,訪問之初先在router beforeeach裡去載入這些頁面路由,並加上標記避免重複載入,此時我所能看到的頁面也就是載入完的,那些無法訪問的頁面壓根就沒有載入。

最後,當然了所有的前端控制必然還需要後端的驗證,你同樣可以在beforeeach裡訪問下乙個頁面時先去後台驗證一番,這樣的話可以構建相當複雜的許可權功能,大道乙個頁面的載入,小到某乙個按鈕的使用。

關於設計模式學習的淺見

設計模式可以說是前人在實踐中的心血結晶,它並不是一門知識,而是強操作性的技能。所在在學習時,應該在實踐中不斷運用並進行強化。學習任何東西,最主要的是掌握其思想,深刻理解,然後在 其如何去實現該核心思想。程式設計就像藝術和攝影一樣,需要不間斷地實踐來磨練基本功,需要進一步就必須深刻掌握並運用其內在的核...

VUE的動態路由

vue前端的動態路由實現 1 首先在router中配置動態路由的路徑 hidden true 2 觸發動態路由的方式,這裡選擇在 中,所傳入的引數為 的row.no,使用router link指定路由的頁面 no label 編碼 width 100px sortable custom viewde...

vue 動態路由

因為去官方看英文文件 對例子探索了下 所以 自己也寫了乙個簡單的demo body div id h1 hello h1 p router link to go to foo router link 繫結路由和動態引數 router link to bar 3 go to bar router li...