How to set up Vite and React-Router for "dynamic" prefix (subpath)?

[jeffrson]

Hi,
I need to access my app through a long subpath (https://server/p1/p2/app/index.html). The subpath is known, but I want to make the application independent from the specific value.

What works for now:

vite.config.ts:

export default defineConfig({
  base: "/p1/p2/app/",
  ...
});

routes.ts:

export default [
  ...prefix("p1/p2/app", [
    ...
  ]),
] satisfies RouteConfig;

But this is obviously bad - since it's static and build time.

Edit: Well, it only works for the start page. Other routes below cannot be found (404). :-(

How could this be more general/flexible?

Thanks,