use HTML 5 history mode for vue frontend

TandoorRecipes · Sep 25, 2024 · 0a3611b · 0a3611b
1 parent 0db439c
commit 0a3611b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/cookbook/urls.py b/cookbook/urls.py
@@ -1,6 +1,6 @@
 from pydoc import locate
 
-from django.urls import include, path
+from django.urls import include, path, re_path
 from django.views.generic import TemplateView
 from drf_spectacular.views import SpectacularAPIView
 from rest_framework import routers
@@ -76,7 +76,8 @@ def extend(self, r):
 
 urlpatterns = [
     path('', views.index, name='index'),
-    path('v3/', views.vue3, name='vue3'),
+    re_path(r'^v3/.*', views.vue3, name='vue3'),
+    #path('v3/', views.vue3, name='vue3'),
     path('setup/', views.setup, name='view_setup'),
     path('no-group', views.no_groups, name='view_no_group'),
     path('space-overview', views.space_overview, name='view_space_overview'),

diff --git a/vue3/src/apps/tandoor/main.ts b/vue3/src/apps/tandoor/main.ts
@@ -1,5 +1,5 @@
 import {createApp} from "vue";
-import {createRouter, createWebHashHistory} from 'vue-router'
+import {createRouter, createWebHashHistory, createWebHistory} from 'vue-router'
 import {createPinia} from 'pinia'
 // @ts-ignore
 import App from './Tandoor.vue'
@@ -56,7 +56,7 @@ const routes = [
 
 const router = createRouter({
     // TODO configure proper history mode
-    history: createWebHashHistory(),
+    history: createWebHistory('v3/'),
     routes,
 })