Add configuration for a development environment

src/auth.js

@@ -1,8 +1,10 @@
-import { UserManager, WebStorageStateStore } from 'oidc-client-ts'
+import {OidcClient, UserManager, WebStorageStateStore} from 'oidc-client-ts'
 
 const dev_settings = {
     userStore: new WebStorageStateStore({ store: window.localStorage }),
     authority: 'http://localhost:4011/',
+    loadUserInfo: true,
+    user_info_endpoint: 'http://localhost:4011/connect/userinfo',
     client_id: 'client-credentials-mock-client',
     client_secret: 'authorization-code-with-pkce-client-secret',
     redirect_uri: 'http://localhost:8080/login',
@@ -108,22 +110,13 @@ class AuthService {
         return new Promise((resolve, reject) => {
             userManager.getUser()
                 .then(user => {
+                    console.log(user.access_token)
                     resolve(user.access_token)
                 })
                 .catch(error => reject(error))
         })
     }
 
-    async getClaims() {
-        const response = await fetch('http://localhost:4011/connect/userinfo', {
-            headers:
-                {
-                    'Authorization': 'Bearer ' + await this.getAccessToken()
-                }
-        })
-        return response.json()
-    }
-
 
 }
 

src/store/actions.js

@@ -1,6 +1,6 @@
 import axios from 'axios'
 
-const BASE_API_PATH = '/api/v3'
+const BASE_API_PATH = 'http://localhost:8081/api/v3'
 
 const ACCESS_CRITERIA_PATH = `${BASE_API_PATH}/access-criteria/`
 const REQUESTS_PATH = `${BASE_API_PATH}/requests`
@@ -40,6 +40,7 @@ export default {
                     .catch(() => {
                         commit('setNotification', 'Error getting request data from server')
                     })
+                console.log(response.data)
             })
             .catch(() => {
                 commit('setNotification', 'Error getting request data from server')

src/views/HomePage.vue

@@ -62,13 +62,13 @@ export default {
     return {
       isUserLoggedIn: false,
       authToken: "",
-      userClaims: undefined,
+      profile: undefined,
     };
   },
   computed: {
     ...mapGetters({ notification: "getNotification" }),
     user() {
-      return this.userClaims !== undefined ? this.userClaims.name : "";
+      return this.profile !== undefined ? this.profile.name : "";
     },
   },
   methods: {
@@ -82,7 +82,6 @@ export default {
     if (this.isUserLoggedIn) {
       this.authToken = await this.$auth.getAccessToken();
       this.profile = await this.$auth.getProfile();
-      this.userClaims = await this.$auth.getClaims();
     }
   },
 };