15934

.drone.yml

@@ -12,6 +12,9 @@ steps:
     settings:
       dockerfile: docker/Dockerfile
       context: .
+      environment:
+        - NODE_ENV=production
+        - BASE_PATH=/containers/matheothierry-portfolio_nuxt
       registry: hub.codefirst.iut.uca.fr
       mirror: https://proxy.iut.uca.fr:8443
       repo: hub.codefirst.iut.uca.fr/matheo.thierry/portfolio_nuxt
@@ -26,4 +29,4 @@ steps:
         IMAGENAME: hub.codefirst.iut.uca.fr/matheo.thierry/portfolio_nuxt:latest
         CONTAINERNAME: portfolio_nuxt
         COMMAND: create
-        OVERWRITE: true
+        OVERWRITE: true

assets/ts/project/useProjectDetail.ts

@@ -1,5 +1,5 @@
 import { ref, onMounted, onUnmounted } from 'vue';
-import { handleImageError, handleIconError, handleLightboxImageError } from '~/public/ts/error/handle';
+import { handleImageError, handleIconError, handleLightboxImageError } from '~/assets/ts/error/handle';
 import { TEXTS } from '~/config/content';
 import { PATHS } from '~/config/paths';
 import { projects } from '~/config/projects';

components/TheFooter.vue

@@ -22,7 +22,7 @@
 <script setup lang="ts">
 import { TEXTS } from '~/config/content';
 import { PATHS } from '~/config/paths';
-import { handleIconError } from '~/public/ts/components/footer';
+import { handleIconError } from '~/assets/ts/components/footer';
 
 const { $theme } = useNuxtApp();
 const currentYear = new Date().getFullYear();

docker/Dockerfile

@@ -3,27 +3,21 @@ WORKDIR /app
 COPY package*.json ./
 RUN npm install
 COPY . .
+COPY .env* ./
 RUN npm run build
 
 FROM node:18-alpine
 WORKDIR /app
-
-# Copy all necessary files from builder
 COPY --from=builder /app/.output ./.output
 COPY --from=builder /app/package*.json ./
 COPY --from=builder /app/public ./public
 COPY --from=builder /app/.nuxt ./.nuxt
-
+COPY --from=builder /app/.env* ./
-# Install production dependencies
 RUN npm install --production
-
-# Set environment variables
 ENV NODE_ENV=production
 ENV BASE_PATH=/containers/matheothierry-portfolio_nuxt
 ENV HOST=0.0.0.0
 ENV PORT=3000
-ENV NUXT_HOST=0.0.0.0
-ENV NUXT_PORT=3000
 
 EXPOSE 3000
 CMD ["node", ".output/server/index.mjs"]

nuxt.config.ts

@@ -26,13 +26,11 @@ export default defineNuxtConfig({
         {
           rel: 'icon',
           type: 'image/x-icon',
-          href: process.env.NODE_ENV === 'production'
+          href: '/favicon.ico'
-            ? process.env.BASE_PATH + '/favicon.ico'
-            : '/favicon.ico'
         }
       ],
     },
-    buildAssetsDir: process.env.NODE_ENV === 'production' ? process.env.BASE_PATH + '/_nuxt/' : '/_nuxt/',
+    baseURL: process.env.BASE_PATH || '',
   },
 
   modules: ['@nuxt/image'],
@@ -60,13 +58,12 @@ export default defineNuxtConfig({
     alias: {},
     ipx: {
       maxAge: 60 * 60 * 24 * 30
-    },
+    }
-    baseURL: process.env.NODE_ENV === 'production' ? process.env.BASE_PATH : '',
   },
 
   runtimeConfig: {
     public: {
-      basePath: process.env.BASE_PATH || (process.env.NODE_ENV === 'production' ? process.env.BASE_PATH : '')
+      basePath: process.env.BASE_PATH || ''
     }
   }
 })