Create a separate config for embedded deployment

vite-embedded.config.js

@@ -0,0 +1,9 @@
+import { defineConfig, mergeConfig } from "vite";
+import standaloneConfig from "./vite.config";
+
+// Config for embedded deployments (possibly hosted under a non-root path)
+export default defineConfig((env) =>
+  mergeConfig(standaloneConfig(env), {
+    base: "", // Use relative URLs to allow the app to be hosted under any path
+  }),
+);

vite.config.js

@@ -14,6 +14,7 @@ import { sentryVitePlugin } from "@sentry/vite-plugin";
 import react from "@vitejs/plugin-react";
 import basicSsl from "@vitejs/plugin-basic-ssl";
 
+// Config for standalone deployments (hosted as an SPA at the root path)
 // https://vitejs.dev/config/
 export default defineConfig(({ mode }) => {
   const env = loadEnv(mode, process.cwd());