cameleer/cameleer-server
1
0
Fork 0
Code Issues 41 Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add BASE_PATH env var for serving UI from a subpath
All checks were successful
CI / cleanup-branch (push) Has been skipped
Details
CI / build (push) Successful in 1m9s
Details
CI / docker (push) Successful in 1m4s
Details
CI / deploy-feature (push) Has been skipped
Details
CI / deploy (push) Successful in 37s
Details

Browse Source 
When BASE_PATH is set (e.g., /server/), the entrypoint script injects
a <base> tag and rewrites asset paths in index.html. React Router reads
the basename from the <base> tag. Vite builds with relative paths.
Default / for standalone mode (no changes).

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
hsiegeln
2026-04-05 21:04:28 +02:00
parent 3c70313d78
commit 51abe45fba
4 changed files with 32 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
ui/Dockerfile
View File

@@ -20,8 +20,15 @@ RUN npm run build
FROM nginx:1.27-alpine
COPY --from=build /app/dist /usr/share/nginx/html
COPY nginx.conf /etc/nginx/templates/default.conf.template
COPY docker-entrypoint.sh /cameleer-entrypoint.sh
RUN chmod +x /cameleer-entrypoint.sh
# Default API URL — override via K8s env or docker run -e
ENV CAMELEER_API_URL=http://cameleer3-server:8081
# Base path for serving the SPA from a subpath (e.g., /server/). Default: /
ENV BASE_PATH=/
ENTRYPOINT ["/cameleer-entrypoint.sh"]
CMD ["nginx", "-g", "daemon off;"]
EXPOSE 80

21
ui/docker-entrypoint.sh Normal file
View File

@@ -0,0 +1,21 @@
#!/bin/sh
# Inject <base> tag into index.html when BASE_PATH is set.
# This allows the SPA to be served from a subpath (e.g., /server/).
# Default: / (standalone mode, no <base> tag needed).
BASE_PATH="${BASE_PATH:-/}"
if [ "$BASE_PATH" != "/" ]; then
# Ensure BASE_PATH starts and ends with /
BASE_PATH=$(echo "$BASE_PATH" | sed 's#/*$#/#; s#^/*#/#')
INDEX="/usr/share/nginx/html/index.html"
# Inject <base> tag after <head> and rewrite absolute asset paths
sed -i "s|<head>|<head><base href=\"${BASE_PATH}\">|" "$INDEX"
sed -i "s|href=\"/|href=\"${BASE_PATH}|g; s|src=\"/|src=\"${BASE_PATH}|g" "$INDEX"
echo "BASE_PATH set to ${BASE_PATH} — rewrote index.html"
fi
# Delegate to the default nginx entrypoint (handles envsubst for nginx templates)
exec /docker-entrypoint.sh "$@"

4
ui/src/router.tsx
View File

@@ -41,6 +41,8 @@ function LegacyAgentRedirect() {
return <Navigate to={path} replace />;
}
const basename = document.querySelector('base')?.getAttribute('href')?.replace(/\/$/, '') || '';
export const router = createBrowserRouter([
{ path: '/login', element: <LoginPage /> },
{ path: '/oidc/callback', element: <OidcCallback /> },
@@ -101,4 +103,4 @@ export const router = createBrowserRouter([
},
],
},
]);
], { basename: basename || undefined });

1
ui/vite.config.ts
View File

@@ -27,6 +27,7 @@ export default defineConfig({
optimizeDeps: {
include: ['swagger-ui-dist/swagger-ui-bundle'],
},
base: './',
build: {
outDir: 'dist',
},