第一次摸索著完成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...