adding routerBase to all internal links

alex

2025-06-04 6cb1d311f04d1f68f2d194524974b0f7bc0d31bd

adding routerBase to all internal links

 vue/src/components/Pagination.vue

@@ -77,7 +77,7 @@
   font-size 130%
   //width 1em
.current
   width 10em;
   width 12em;
   text-align center;

input

 vue/src/pages/KursDetail.vue

@@ -2,7 +2,7 @@

import {useRoute} from 'vue-router'
import {onMounted, reactive, ref} from "vue"
import {getKurs, getKursItems, getKursTn, iliasBase} from "../lib/api.js"
import {getKurs, getKursItems, getKursTn, iliasBase, routerBase} from "../lib/api.js"
import LinkExtern from "../components/LinkExtern.vue"

const route = useRoute()
@@ -114,7 +114,7 @@
            <tbody>
               <tr v-for="tn in kursTn">
                  <td>
                     <RouterLink :to="`/ui/user/${tn.usr_id}`">{{ tn.usr_id }}</RouterLink>
                     <RouterLink :to="`${routerBase}/ui/user/${tn.usr_id}`">{{ tn.usr_id }}</RouterLink>
                  </td>
                  <td>{{ tn.login }}</td>
                  <td>{{ tn.firstname }}</td>

 vue/src/pages/Kurse.vue

@@ -3,6 +3,7 @@
import {onMounted, reactive, ref} from "vue"
import {useRoute} from "vue-router"
import Pagination from "../components/Pagination.vue"
import {routerBase} from "@/lib/api"

const route = useRoute()
const kurse = ref([])
@@ -56,7 +57,7 @@
            <tbody>
               <tr v-for="kurs in kurse">
                  <td>
                     <RouterLink :to="`/ui/kurs/${kurs.ref_id}`">
                     <RouterLink :to="`${routerBase}/ui/kurs/${kurs.ref_id}`">
                        {{kurs.ref_id}}
                     </RouterLink>
                  </td>

 vue/src/pages/Users.vue

@@ -3,7 +3,7 @@
import {onMounted, reactive, ref} from "vue"
import {useRoute} from "vue-router"
import Pagination from "../components/Pagination.vue"
import {getUsers} from "@/lib/api"
import {getUsers, routerBase} from "@/lib/api"
import {useRouteQuery} from '@vueuse/router'

const route = useRoute()
@@ -67,7 +67,7 @@
            <tbody>
               <tr v-for="user in users.data">
                  <td>
                     <RouterLink :to="`/ui/user/${user.usr_id}`">
                     <RouterLink :to="`${routerBase}/ui/user/${user.usr_id}`">
                        {{ user.usr_id }}
                     </RouterLink>
                  </td>

 vue/src/router.js

@@ -7,14 +7,16 @@
import UserDetail from './pages/UserDetail.vue'
import Kurse from './pages/Kurse.vue'
import KursDetail from './pages/KursDetail.vue'
import {routerBase} from "@/lib/api"


const routes = [
   { path: `/`, redirect: "/ui/user" },
   { path: `/ui/user`, component: Users },
   { path: `/ui/user/:userId`, component: UserDetail },
   { path: `/ui/kurs`, component: Kurse },
   { path: `/ui/kurs/:kursId`, component: KursDetail },
   { path: `${routerBase}/`, redirect: "/ui/user" },
   { path: `${routerBase}/ui/`, redirect: "/ui/user" },
   { path: `${routerBase}/ui/user`, component: Users },
   { path: `${routerBase}/ui/user/:userId`, component: UserDetail },
   { path: `${routerBase}/ui/kurs`, component: Kurse },
   { path: `${routerBase}/ui/kurs/:kursId`, component: KursDetail },
]
console.log(routes)