Skip to content

Instantly share code, notes, and snippets.

@ronronan ronronan/main.ts
Created Oct 10, 2019

What would you like to do?
vue-spring-keycloak-front - main.ts
import Vue from 'vue';
import axios, { AxiosRequestConfig } from 'axios';
import VueAxios from 'vue-axios';
import App from './App.vue';
import router from './router';
import VueKeyCloak from '@dsb-norge/vue-keycloak-js';
import 'bulma/css/bulma.css';
Vue.use(VueAxios, axios);
Vue.config.productionTip = false;
function tokenInterceptor() {
axios.interceptors.request.use((config) => {
config.headers.Authorization = `Bearer ${Vue.prototype.$keycloak.token}`;
return config;
}, (error) => {
return Promise.reject(error);
Vue.use(VueKeyCloak, {
config: {
authRealm: process.env.VUE_APP_KEYCLOAK_REALM,
authClientId: process.env.VUE_APP_KEYCLOAK_CLIENT_ID,
authUrl: process.env.VUE_APP_KEYCLOAK_AUTH_URL,
logoutRedirectUri: process.env.VUE_APP_KEYCLOAK_REDIRECT_URL,
init: {
onLoad: 'check-sso',
onReady: () => {
if (Vue.prototype.$keycloak.authenticated) {
new Vue({
render: (h) => h(App),
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.