[發明專利]基于vue的前端權限控制方法、系統、裝置及介質

在審

• 申請號: 202211647934.5
• 申請日: 2022-12-21
• 公開（公告）號: CN116244717A
• 公開（公告）日: 2023-06-09
• 發明（設計）人: 張宇;李偉
• 申請（專利權）人: 四川啟睿克科技有限公司
• 主分類號: G06F21/60
• 分類號: G06F21/60;G06F21/31;G06F8/38
• 代理公司: 四川省成都市天策商標專利事務所(有限合伙) 51213
• 代理人: 趙以鵬

一種基于vue的前端權限控制方法，包括：獲取訪問者通過主應用登錄功能向權限控制管理應用發送的用戶登錄信息；基于所述權限控制管理應用對所述用戶登錄信息進行驗證；響應于驗證通過，基于所述權限控制管理應用向所述主應用返回用戶登錄結果；響應于所述主應用獲取到所述用戶登錄結果，根據用戶權限列表動態生成前端路由列表，并確定所述訪問者可訪問的第一路由列表；基于所述第一路由列表，控制頁面可視化資源的顯示或隱藏。

技術領域

本發明涉及前端權限控制領域，具體涉及一種基于vue的前端權限控制方法、系統、裝置及介質。

背景技術

隨著時代的發展，前端技術及框架的不斷更新，頁面功能及交互的復雜度也隨著增加，一些頁面除了需要有固定的展示內容，經常還需要帶有權限管理的功能，以滿足不同角色用戶需求。再加上各企業項目平臺系統日益增多，每個平臺系統都需要對該系統資源進行管理，如各類菜單和按鈕等權限控制。常規的權限設計方案是在后端將用戶與權限直接綁定，為不同用戶賦予不同的權限，這樣每套系統都需要開發設置用戶權限，重復工作量大，設計不夠靈活，不利于統一管理。

因此，需要提供一種可以統一集中控制各個應用的權限，減少應用的權限開發的基于vue的前端權限控制方法、系統及介質。

發明內容

本發明的目的在于提供一種基于vue的前端權限控制方法、系統及裝置。以期實現快捷、準確的監測檢驗數據造假的可能性。

為了實現前述目的，本發明采用以下技術方案：

一種基于vue的前端權限控制方法，包括：

獲取訪問者通過主應用登錄功能向權限控制管理應用發送的用戶登錄信息；

基于所述權限控制管理應用對所述用戶登錄信息進行驗證；

響應于驗證通過，基于所述權限控制管理應用向所述主應用返回用戶登錄結果；

響應于所述主應用獲取到所述用戶登錄結果，根據用戶權限列表動態生成前端路由列表，并確定所述訪問者可訪問的第一路由列表；

基于所述第一路由列表，控制頁面可視化資源的顯示或隱藏。

在一些實施例中，所述用戶登錄信息包括主應用標識。

在一些實施例中，所述主應用標識基于所述權限控制管理應用為所述主應用分配，所述主應用標識包括appkey和token。

在一些實施例中，所述基于所述權限控制管理應用對所述用戶登錄信息進行驗證包括：

基于所述權限控制管理應用，根據所述appkey和所述token判斷登錄狀態、用戶權限以及發送所述用戶登錄信息的所述主應用。

同時，本發明還公開了一種基于vue的前端權限控制系統，包括：

獲取模塊，用于獲取訪問者通過主應用登錄功能向權限控制管理應用發送的用戶登錄信息；

驗證模塊，用于基于所述權限控制管理應用對所述用戶登錄信息進行驗證；

返回模塊，用于響應于驗證通過，基于所述權限控制管理應用向所述主應用返回用戶登錄結果；

確定模塊，用于響應于所述主應用獲取到所述用戶登錄結果，根據用戶權限列表動態生成前端路由列表，并確定所述訪問者可訪問的第一路由列表；

控制模塊，用于基于所述第一路由列表，控制頁面可視化資源的顯示或隱藏。

在一些實施例中，所述權限控制管理應用用于為向所述主應用提供用戶權限數據，以及為接入的所述主應用提供用戶權限列表；

所述主應用用于基于所述用戶權限列表控制前端框架組件的頁面展示。