簡介
集成了 vuex-oidc 的 vue-cli 3.x 項目,默認采用 sessionStorage慰毅,支持單點登錄谨胞。
配置
配置信息是在 auth.js 文件中設(shè)置的,例如想要 authority 地址躲胳、 clientId蜓洪、回調(diào)地址就可以來這里修改。
由于傳統(tǒng)業(yè)務(wù)的需求坯苹,可能需要在發(fā)布后的代碼上修改 authority url隆檀,所以在 window 對象上掛載了一個 config 對象,用來設(shè)置 authority url 和 clientId。
回調(diào)
登錄成功后的回調(diào)頁面是 components/OidcCallback.vue 可以在 oidcSignInCallback() 函數(shù)成功后打印查看從服務(wù)器得到的信息
用戶信息
登錄成功后刚操,可以在 components/HelloWorld.vue 頁面查看相關(guān)的代碼闸翅,可以根據(jù)不同的數(shù)據(jù)結(jié)構(gòu),作相應(yīng)的操作菊霜,最終得到需要的結(jié)果坚冀。
退出
同樣是 components/HelloWorld.vue 頁面,調(diào)用 signOutOidc 函數(shù)退出登錄鉴逞。
vuex-oidc wiki
本項目 github
https://github.com/bey6/guide/tree/master/01-javascript/framework/vue/vue-oidc-frame