[Update] img src

RobbieVerdurme · Aug 10, 2021 · eb107b6 · eb107b6
1 parent 7cf2088
commit eb107b6
Show file tree

Hide file tree

Showing 6 changed files with 24 additions and 7 deletions.
diff --git a/nuxt.config.js b/nuxt.config.js
@@ -5,8 +5,20 @@ const routerBase = process.env.DEPLOY_ENV === 'GH_PAGES' ? {
 } : {}
 
 export default {
+
   ...routerBase,
+  /*
+  ** Setup process.env variable
+  */
+  env: {
+    imgPrefix: process.env.DEPLOY_ENV === 'GH_PAGES' ? '' : '/'
+  },
+
+  /**
+   ** Setup webpage mode
+   */
   mode: 'universal',
+
   /*
   ** Headers of the page
   */

diff --git a/pages/contact/index.vue b/pages/contact/index.vue
@@ -32,7 +32,7 @@ export default {
   },
   data () {
     return {
-      header: 'img/background.jpg',
+      header: process.env.imgPrefix + 'img/background.jpg',
       name: null,
       email: null,
       message: null

diff --git a/pages/index.vue b/pages/index.vue
@@ -32,7 +32,7 @@ export default {
   },
   data () {
     return {
-      header: 'img/background.jpg'
+      header: process.env.imgPrefix + 'img/background.jpg'
     }
   },
   computed: {

diff --git a/pages/profile/index.vue b/pages/profile/index.vue
@@ -124,8 +124,8 @@ export default {
   data () {
     return {
       // images
-      header: 'img/background.jpg',
-      img: 'img/faces/ProfilePic.jpg',
+      header: process.env.imgPrefix + 'img/background.jpg',
+      img: process.env.imgPrefix + 'img/faces/ProfilePic.jpg',
 
       // project data
       projects: this.$t('profile.projects').slice(0, 2)

diff --git a/pages/projects/_name.vue b/pages/projects/_name.vue
@@ -65,7 +65,7 @@
 
               <!--photo's-->
               <template slot="tab-pane-2">
-                <img v-for="img in project.img" :key="img" :src="img" class="project-img" :alt="project.name">
+                <img v-for="img in project.img" :key="img" :src="getImgSrc(img)" class="project-img" :alt="project.name">
               </template>
               <!--/photo's-->
             </tabs>
@@ -86,7 +86,7 @@ export default {
   data () {
     return {
       name: this.$route.params.name,
-      header: 'img/background.jpg'
+      header: process.env.imgPrefix + 'img/background.jpg'
     }
   },
   computed: {
@@ -104,6 +104,11 @@ export default {
     project () {
       return this.$t('profile.projects').find(p => p.name === this.name)
     }
+  },
+  methods: {
+    getImgSrc (imgSrc) {
+      return process.env.imgPrefix + imgSrc
+    }
   }
 }
 </script>

diff --git a/pages/projects/index.vue b/pages/projects/index.vue
@@ -37,7 +37,7 @@ export default {
       currentPage: null,
       projects: this.$t('profile.projects'),
       filterdItems: [],
-      header: 'img/background.jpg'
+      header: process.env.imgPrefix + 'img/background.jpg'
     }
   },
   computed: {