vue中sso登錄使用VueKeycloak登錄

一，先下載vuekeycloakjs

npm install @dsb-norge/vue-keycloak-js --save

二，引入

import VueKeycloakJs from '@dsb-norge/vue-keycloak-js'

三，進行配置（里面的配置項需要在keycloak后台管理里面配置）

Vue.use(VueKeycloakJs, {
    init: {
        onLoad: "login-required"
    },
    config: {
          url: process.env.VUE_APP_SSO_URL,
          realm: process.env.VUE_APP_REALM,
          clientId: process.env.VUE_APP_CLIENTID  
    },
    onReady: keycloak => {
        new Vue({
          router,
          store,
          render: h => h(App)
        }).$mount("#app");
    }
});

四，應用

<span>{{$keycloak.token}}</span>

<span>{{$keycloak.username}}</span>

<span @click="$keycloak.logoutFn">退出</span> 

<span @click="$keycloak.accountManagement">個人信息管理</span> //修改密碼用戶名

//js中放token 
var token=`${Vue.prototype.$keycloak.token}`