bsherriff/aviation
1
1
Fork 0
Code Issues 10 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Load env var for api url into ui for production

Browse Source
This commit is contained in:
Ben Sherriff
2025-04-14 23:37:47 -04:00
parent 9ad87fbac5
commit c2e9e098ed
5 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
nginx/Dockerfile
View File

@@ -20,11 +20,11 @@ ENV environment=${environment}
COPY nginx/nginx.conf /etc/nginx/nginx.conf
COPY nginx/templates/ /templates/
COPY nginx/scripts/01-configure_ssh.sh /docker-entrypoint.d/01-configure_ssh.sh
COPY nginx/scripts/01-setup.sh /docker-entrypoint.d/01-setup.sh
COPY --from=ui-builder /builder/dist /dist
RUN echo "Copying UI assets into nginx html folder..."; \
mkdir -p /usr/share/nginx/html && \
cp -R /dist/* /usr/share/nginx/html;
RUN chmod +x /docker-entrypoint.d/01-configure_ssh.sh
RUN chmod +x /docker-entrypoint.d/01-setup.sh

1
nginx/scripts/01-configure_ssh.sh → nginx/scripts/01-setup.sh
View File

@@ -13,6 +13,7 @@ fi
if [ "$ENVIRONMENT" = "production" ]; then
export UI_ROOT="/usr/share/nginx/html"
envsubst '${VITE_API_URL}' < /usr/share/nginx/html/config.template.js > /usr/share/nginx/html/config.js
echo "Setting production root to ${UI_ROOT}"
else
export UI_ROOT="/home"

1
ui/index.html
View File

@@ -10,6 +10,7 @@
</head>
<body>
<div id="root"></div>
<script src="./config.js"></script>
<script type="module" src="./src/main.tsx"></script>
</body>
</html>

3
ui/public/config.template.js Normal file
View File

@@ -0,0 +1,3 @@
window.__CONFIG__ = {
API_URL: '${VITE_API_URL}'
};

3
ui/src/lib/index.ts
View File

@@ -1,4 +1,5 @@
const baseUrl = import.meta.env.VITE_API_URL || 'http://localhost:8080/api';
// @ts-expect-error The window.__CONFIG__ only exists in production
const baseUrl = window.__CONFIG__?.API_URL || import.meta.env.VITE_API_URL || 'http://localhost:8080/api';
export async function getRequest(endpoint: string, params: Record<string, any> = {}): Promise<Response> {
Object.keys(params).forEach((key) => params[key] === undefined && delete params[key]);