¿Puede alguien sugerirme qué está pasando mal con mi aplicación aquí? Tengo un vue 3 SPA. Lo estoy alojando aquí para como

 example.com/subdirectory/myapp/

Redirige a example.com después de cargar la aplicación desde la misma ruta

 example.com - redirected here with routes eg example.com/create or example.com/delete

Lo que quiero lograr es cargar todas las rutas desde la ruta del subdirectorio como

 example.com/subdirectory/myapp/create example.com/subdirectory/myapp/delete

etc.

Mi código vue.config.js es el siguiente:

 module.exports = { publicPath: './', };

El código de mis rutas es el siguiente:

 import { createWebHistory, createRouter} from 'vue-router' const routes = [ {path: '/', name: 'list', component: () => import('@/views/List')}, {path: '/create', name: 'create', component: () => import('@/views/Create')}, {path: '/delete', name: 'delete', component: () => import('@/views/Delete')}, ] const router = createRouter({ history: createWebHistory(), routes }) export default router

Por favor, guíame, ¿qué es lo que estoy haciendo mal aquí? Supongo que es algo con mi configuración de enrutamiento para el servicio de Apache, pero ¿qué es eso? No soy capaz de averiguarlo.