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

vue中sso登录使用VueKeycloak登录的相关教程结束。