3 files changed, 5 insertions, 4 deletions

diff --git a/viewer/.env b/viewer/.env
index d06d633..59b220a 100644
--- a/viewer/.env
+++ b/viewer/.env
@@ -1,4 +1,4 @@
 VUE_APP_I18N_LOCALE=en
 VUE_APP_I18N_FALLBACK_LOCALE=en
-VUE_APP_DATA_URL=/gallery
-VUE_APP_EXAMPLE_PROJECT=example
+VUE_APP_DATA_URL=/gallery/
+VUE_APP_EXAMPLE_PROJECT=../example/out/
diff --git a/viewer/src/views/Gallery.vue b/viewer/src/views/Gallery.vue
index f04b276..4deb937 100644
--- a/viewer/src/views/Gallery.vue
+++ b/viewer/src/views/Gallery.vue
@@ -3,6 +3,7 @@
     <gallery-search v-if="$uiStore.isModeSearch" :items="currentSearch" />
     <gallery-directory v-else-if="isDirectory" :directory="currentItem" />
     <gallery-image v-else-if="isImage" :image="currentItem" />
+    <div v-else>Unknown type</div>
   </div>
 </template>
 
diff --git a/viewer/vue.config.js b/viewer/vue.config.js
index dbf1551..0f84d44 100644
--- a/viewer/vue.config.js
+++ b/viewer/vue.config.js
@@ -12,9 +12,9 @@ module.exports = {
     port: 8085,
     serveIndex: true,
     before: (app, server, compiler) => {
-      app.get(`${process.env.VUE_APP_DATA_URL}/*`, (req, res) => {
+      app.get(`${process.env.VUE_APP_DATA_URL}*`, (req, res) => {
         const fs = require("fs");
-        const fileName = `../${process.env.VUE_APP_EXAMPLE_PROJECT}${req.url.slice(process.env.VUE_APP_DATA_URL.length)}`;
+        const fileName = `${process.env.VUE_APP_EXAMPLE_PROJECT}${req.url.slice(process.env.VUE_APP_DATA_URL.length)}`;
         const file = fs.readFileSync(decodeURIComponent(fileName));
         res.end(file);
       });