fix: BASE_PATH by using caddy as web server.

vite config use experimental renderBuiltUrl.

Caddyfile

@@ -0,0 +1,26 @@
+{
+  # disable HTTPS
+	auto_https off
+}
+
+:24900 {
+  # CORS
+  header {
+    Access-Control-Allow-Headers *
+    Access-Control-Allow-Credentials true
+    Access-Control-Allow-Methods *
+    Access-Control-Allow-Origin *
+    defer
+  }
+  @options {
+    method OPTIONS
+  }
+  respond @options 204
+
+  # Base path
+  handle {$BASE_PATH:/}* {
+    uri strip_prefix {$BASE_PATH:/}
+    root * /srv
+    file_server
+  }
+} 

Dockerfile

@@ -15,9 +15,11 @@ RUN pnpm install
 RUN npm run build
 
 # -------
-FROM nginx
+FROM caddy:2-alpine
 
-COPY --from=build /opt/meilisearch-ui/dist /usr/share/nginx/html
-COPY nginx.conf /etc/nginx/nginx.conf
+COPY --from=build /opt/meilisearch-ui/dist /srv
+COPY Caddyfile /etc/caddy/Caddyfile
 
 EXPOSE 24900
+
+CMD ["caddy", "run", "--config", "/etc/caddy/Caddyfile", "--adapter", "caddyfile"]

vite.config.ts

@@ -68,5 +68,18 @@ export default defineConfig(({ mode }) => {
         },
       },
     },
+		experimental: {
+			renderBuiltUrl(filename, { hostId, type }) {
+				if (type === "public") {
+					return `./${filename}`;
+				}
+				if (path.extname(hostId) === ".js") {
+					return {
+						runtime: `window.__assetsPath(${JSON.stringify(filename)})`,
+					};
+				}
+				return `./${filename}`;
+			},
+		},
   };
 });