vue elementUi許可權管理

2021-10-23 01:36:34 字數 2058 閱讀 3627

第一次摸索著完成vue的許可權管理,在此記錄下自己搬磚的點點滴滴,希望以後回望的時候,有跡可循,也分享給需要的小夥伴們,參考哦~

思路如下:

1,登入成功後,把後台返回的使用者資訊,存vuex的state;

2,vuex的actions調介面,返回資料後,賦值給state,然後呼叫遞迴,來把返回的資料處理成我們要的格式

3,permission.js中router.beforeeach(),調actions的方法,這裡用到了非同步執行,所以,需要呼叫actions的方法後,才能進行下一步,否則,會導致跳轉失效

<

!-- html的部分--

>

"primary" @click=

"l`在這裡插入**片`ogin()"

>登陸<

/el-button>

// js的部分

login()

else

if(params.password ==

"預設密碼"))

.then((

)=>).

then

(res =>})

;}else})

;}).

catch((

)=>);

});}

else

````

````

````

````

````

````

````

````

````

````

```````

});},

2,vuex的actions調介面,返回資料後,賦值給state,然後呼叫遞迴,來把返回的資料處理成我們要的格式

// /**

// * 遞迴過濾非同步路由表,返回符合使用者角色許可權的路由表

// * @param resdata

// * @param routerdata

// */

export

function

getrouterlist

(resdata, routerdata)

}export

function

a(item, routerdata)}if

(i.childrenmenuvolist.length >0)

}}const permission =

, getters:

, mutations:,}

, actions:

, router1)})

})},

}}export

default permission;

3,permission.js中router.beforeeach(),調actions的方法,這裡用到了非同步執行,所以,需要呼叫actions的方法後,才能進行下一步,否則,會導致跳轉失效,permission要先引入到main.js中

// main.js中引入permission

import

'./permission'

// permission.js中

import vue from

'vue'

import router from

'./router'

;import store from

'@/store/store'

import

from

"@/api/auth.js"

import

from

"@/api/btnpermission.js"

const whitelist =

['/login'

]// 不重定向白名單

router.

beforeeach

((to,

from

, next)

=>

else

else})

}}else

else}}

)

mysql def許可權 mysql使用者許可權管理

mysql資料在實際生產環境中大量被使用,那平時在做好伺服器上防火牆策略以外平時,對mysql下的使用者許可權也要嚴格管理,mysql的使用者許可權都是放在mysql.user這張表裡,平時的使用者許可權管理都是隱式使用著這張表的,先說下許可權 許可權意義 select查詢 insert插入 upd...

轉 VSFTP使用者許可權管控

前些天因為和某銀行合作,需要開通生產環境伺服器的ftp給對方上傳資料.考慮到安全問題,對ftp使用者做了許可權管控.目的就是只讓他訪問他的home.1.cp etc vsftpd vsftpd.conf etc vsftpd.conf.bak 操作之前先備份 2.vi etc vsftpd vsft...

vue elementUI專案搭建

安裝node 基於node之npm環境下操作vue,所以先部署node 安裝gitwget http 7 extras x86 64 packages epel release 7 11.noarch.rpm yum install y epel release 7 11.noarch.rpm yu...