Remove web.context-root

web/app/src/components/Service.vue

@@ -72,7 +72,7 @@ export default {
       if (!this.data) {
         return '/';
       }
-      return '/services/' + this.data.key;
+      return `/services/${this.data.key}`;
     },
     showTooltip(result, event) {
       this.$emit('showTooltip', result, event);

web/app/src/router/index.js

@@ -1,23 +1,23 @@
-import { createRouter, createWebHistory } from 'vue-router'
-import Home from '../views/Home.vue'
+import {createRouter, createWebHistory} from 'vue-router'
+import Home from '@/views/Home'
 import Details from "@/views/Details";
 
 const routes = [
-  {
-    path: '/',
-    name: 'Home',
-    component: Home
-  },
-  {
-    path: '/services/:key',
-    name: 'Details',
-    component: Details
-  }
+	{
+		path: '/',
+		name: 'Home',
+		component: Home
+	},
+	{
+		path: '/services/:key',
+		name: 'Details',
+		component: Details,
+	},
 ]
 
 const router = createRouter({
-  history: createWebHistory(process.env.BASE_URL),
-  routes
+	history: createWebHistory(process.env.BASE_URL),
+	routes
 })
 
 export default router

web/app/src/views/Details.vue

@@ -1,5 +1,5 @@
 <template>
-  <router-link to="/" class="absolute top-2 left-2 inline-block px-2 py-0 text-lg text-black transition bg-gray-100 rounded shadow ripple hover:shadow-lg hover:bg-gray-200 focus:outline-none">
+  <router-link to="../" class="absolute top-2 left-2 inline-block px-2 py-0 text-lg text-black transition bg-gray-100 rounded shadow ripple hover:shadow-lg hover:bg-gray-200 focus:outline-none">
     &larr;
   </router-link>
   <div class="container mx-auto">

web/app/vue.config.js

@@ -1,5 +1,6 @@
 module.exports = {
 	filenameHashing: false,
 	productionSourceMap: false,
-	outputDir: '../static'
+	outputDir: '../static',
+	publicPath: '/'
 }