edits

NGINX.md

+server {
+listen 217.147.85.104:80;
+server_name \*.nodenogg.in;
+root /var/www/vhosts/nodenogg.in/alpha.nodenogg.in;
+
+location / {
+try_files $uri $uri/ /index.html;
+}
+
+location /microcosm {
+alias /var/www/vhosts/nodenogg.in/alpha.nodenogg.in;
+try_files \$uri /microcosm/index.html;
+}
+
+}

app/src/router/index.js

 import Vue from 'vue'
 import VueRouter from 'vue-router'
 import Home from '../views/Home.vue'
-import NotFound from '../views/NotFound.vue'
 
 Vue.use(VueRouter)
 
@@ -27,15 +26,21 @@ const routes = [
   },
 
   {
+    // catches 404 errors
     path: '*',
-    name: 'NotFound',
-    component: NotFound
+    name: '404',
+    component: () =>
+      import(
+        /* webpackChunkName: "NotFoundComponent" */ '../views/NotFound.vue'
+      )
   }
 ]
 
 const router = new VueRouter({
   mode: 'history',
-  base: process.env.VUE_APP_HTTP + '://' + process.env.VUE_APP_URL + '/',
+  //base: 'https://alpha.nodenogg.in/',
+  //base: process.env.VUE_APP_HTTP + '://' + process.env.VUE_APP_URL + '',
+  //base: process.env.VUE_APP_HTTP,
   routes
 })
 

app/src/views/NotFound.vue

 <template>
   <div>
-    <p>A real 404</p>
+    <h1>This is a Custom 404</h1>
+    <p>Delightful one coming soon</p>
   </div>
 </template>
 
@@ -8,5 +9,4 @@
 export default {}
 </script>
 
-<style lang="css" scoped>
-</style>
\ No newline at end of file
+<style lang="css" scoped></style>