diff --git a/app/src/router/index.js b/app/src/router/index.js
index c9548bd7748674230f9979ab0b3bf2c628db3832..d0aa64b76541a2af01295a91766fdae27ff05731 100644
--- a/app/src/router/index.js
+++ b/app/src/router/index.js
@@ -1,6 +1,7 @@
 import Vue from 'vue'
 import VueRouter from 'vue-router'
 import Home from '../views/Home.vue'
+import NotFound from '../views/NotFound.vue'
 
 Vue.use(VueRouter)
 
@@ -23,17 +24,18 @@ const routes = [
   {
     path: '/microcosm/:microcosm',
     component: Home
+  },
+
+  {
+    path: '*',
+    name: 'NotFound',
+    component: NotFound
   }
-  // TODO: Nodecard ID in URL
-  // to get into editing a specific node??
-  // {
-  //   path: '/microcosm/:microcosm/:nodecard',
-  //   component: Home
-  // }
 ]
 
 const router = new VueRouter({
   mode: 'history',
+  base: process.env.VUE_APP_HTTP + '://' + process.env.VUE_APP_URL + '/',
   routes
 })
 
diff --git a/app/src/views/NotFound.vue b/app/src/views/NotFound.vue
new file mode 100644
index 0000000000000000000000000000000000000000..6fb7dc73655750d4110e095ef4e9e97022f51d64
--- /dev/null
+++ b/app/src/views/NotFound.vue
@@ -0,0 +1,12 @@
+<template>
+  <div>
+    <p>A real 404</p>
+  </div>
+</template>
+
+<script>
+export default {}
+</script>
+
+<style lang="css" scoped>
+</style>
\ No newline at end of file