feat: allow custom base path (#78)

* bump canius lite

Signed-off-by: Olivier Vernin <olivier@vernin.me>

* feat: allow relative path

Signed-off-by: Olivier Vernin <olivier@vernin.me>

---------

Signed-off-by: Olivier Vernin <olivier@vernin.me>

Author: olblak

Dockerfile

@@ -1,5 +1,5 @@
 # build stage
-FROM node:lts-alpine as build-stage
+FROM node:lts-alpine AS build-stage
 WORKDIR /app
 COPY package*.json ./
 RUN npm install
@@ -13,12 +13,16 @@ COPY docker/nginx/conf.d/default.conf /etc/nginx/conf.d/default.conf
 COPY docker/config.js /usr/share/nginx/html/config.js
 COPY docker/config.json /usr/share/nginx/html/config.json
 
+# Copy and set up the entrypoint script
+COPY docker-entrypoint.sh /docker-entrypoint.sh
+RUN chmod +x /docker-entrypoint.sh
+
 # Dynamic labels are defined from the goreleaser configuration ".goreleaser.yaml"
 LABEL org.opencontainers.image.authors="Olivier Vernin<me@olblak.com>"
 LABEL org.opencontainers.image.title="Udash-front"
 LABEL org.opencontainers.image.description="The Udash Frontend"
-LABEL org.opencontainers.image.source https://github.com/updatecli/udash-front
-
+LABEL org.opencontainers.image.source=https://github.com/updatecli/udash-front
 
 EXPOSE 80
+ENTRYPOINT ["/docker-entrypoint.sh"]
 CMD ["nginx", "-g", "daemon off;"]

docker-entrypoint.sh

@@ -0,0 +1,16 @@
+#!/bin/sh
+#
+# This script is used to dynamically configure the application at container startup.
+#
+
+# Set a default value for VUE_APP_BASE_URL if it's not provided
+export VUE_APP_BASE_URL=${VUE_APP_BASE_URL:-/}
+
+echo "Setting base URL to: ${VUE_APP_BASE_URL}"
+
+# Replace the placeholder in index.html
+# Note: Using a different delimiter for sed (#) to avoid issues with URL slashes
+sed -i "s#%VUE_APP_BASE_URL%#${VUE_APP_BASE_URL}#g" /usr/share/nginx/html/index.html
+
+# Execute the original command passed to the entrypoint, which is "nginx -g daemon off;"
+exec "$@"

package-lock.json

@@ -6,6 +6,7 @@
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <title><%= htmlWebpackPlugin.options.title %></title>
+    <base href="%VUE_APP_BASE_URL%">
     <!-- docker configurable variables -->
     <script src="<%= BASE_URL %>config.js"></script>
   </head>

public/index.html

@@ -131,7 +131,7 @@ if (isAuthEnabled) {
 }
 
 const router = createRouter({
-  history: createWebHistory(process.env.BASE_URL),
+  history: createWebHistory(),
   routes
 })
 

src/router/index.js

@@ -15,6 +15,9 @@ module.exports = defineConfig({
       },  
   },  
 
+  //  make this app "location agnostic"
+  publicPath: './',
+
   pluginOptions: {
     vuetify: {
             // https://github.com/vuetifyjs/vuetify-loader/tree/next/packages/vuetify-loader