Single build, multiple base paths

[chandu]

We are using vite to build our react app.
One of the needs in our project is to be able to build the assets once, run/serve the app as a single instance, however support multiple base paths at runtime (e.g: https:///it, https:///fr, https:///app/de etc.).
I have looked at the renderBuiltUrl option of the experimental config, but was not sure how to adapt that to multiple base paths and that too at runtime.

Is there any way to achieve what I am looking at?

• Build the assets once
• host those assets under single web server
• support multiple subpaths as root of the app (https://root/it, https://root/fr, https://root/app-de etc.)

[zukwung]

I wanted to share our use case as well. For convenience, we put our assets into a docker container with nginx serving the files. However, we need to deploy this to different hostnames, potentially on different paths. It doesn't seem possible, playing with the base setting in vite.config (this breaks routing/links) and the experimental feature's relative: true (which also breaks routing/links).

We want to achieve:

• Build a docker image with the static files once
• Deploy an instance of the app on https://domain1.app
• Deploy an instance of the app on https://domain2.app/appname
• We don't want to use SSR, but I'm unsure if avoiding this the right approach

Would love any suggestions about how to manage this at runtime. For the time being, we have done a workaround for the path modelled off of this guide, while other runtime variables are handled based on window.location.host.

[renjurajt]

+1

We are using vite to build our react app. One of the needs in our project is to be able to build the assets once, run/serve the app as a single instance, however support multiple base paths at runtime (e.g: https:///it, https:///fr, https:///app/de etc.). I have looked at the renderBuiltUrl option of the experimental config, but was not sure how to adapt that to multiple base paths and that too at runtime.

Is there any way to achieve what I am looking at?

• Build the assets once
• host those assets under single web server
• support multiple subpaths as root of the app (https://root/it, https://root/fr, https://root/app-de etc.)