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",
        checkLoginIframe: false//防止登陆后重复刷新

    },
    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}`