Work within Rails app

Author: Lee Richmond

public/index.html

@@ -4,6 +4,9 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <!-- REPLACE FOR LOCAL DEV -->
+    <!-- <meta name="schema" content="/api/v1/schema.json"> -->
+    <meta name="schema" content="__SCHEMA_PATH__">
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous">
     <title>vandal</title>
   </head>
@@ -12,6 +15,13 @@
       <strong>We're sorry but vandal doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
     </noscript>
     <div id="app"></div>
+
+    <script>
+      if (window.location.href.indexOf('#') === -1) {
+        window.location.href = window.location.href + '/#/'
+      }
+    </script>
+
     <!-- built files will be auto injected -->
   </body>
-</html>
+</html>

src/App.vue

@@ -108,7 +108,7 @@ $list-group-bg: $darkCard;
 
 body {
   // height:100vh;
-  background: url('/assets/img/squares.png');
+  background: url('assets/img/squares.png');
 
   .left-rail {
     flex-grow: 1;

src/router.ts

@@ -1,23 +1,16 @@
 import Vue from 'vue'
 import Router from 'vue-router'
 import All from './views/All.vue'
-import Demo from './views/Demo.vue'
 
 Vue.use(Router)
 
 export default new Router({
-  mode: 'history',
-  base: '/vandal',
+  base: '',
   routes: [
     {
       path: '/',
       name: 'vandal',
       component: All
-    },
-    {
-      path: '/demo',
-      name: 'demo',
-      component: Demo
     }
   ]
-})
+})

src/views/All.vue

@@ -162,7 +162,6 @@ export default Vue.extend({
     }
   },
   created() {
-    console.log('all created')
     this.fetchSchema()
     let doneCreating = () => { this.creating = false }
     setTimeout(doneCreating, 1000)
@@ -192,7 +191,8 @@ export default Vue.extend({
       headers.append('pragma', 'no-cache')
       headers.append('cache-control', 'no-cache')
       let init = { method: 'GET', headers }
-      let request = new Request('/schema.json')
+      let schemaPath = document.querySelector("meta[name='schema']").getAttribute("content");
+      let request = new Request(schemaPath)
       let schemaJson = await (await fetch(request)).json()
       this.schema = new Schema(schemaJson)
     },

src/views/Demo.vue

@@ -3,5 +3,5 @@ module.exports = {
   devServer: {
     proxy: process.env.PROXY
   },
-  baseUrl: '/vandal'
-}
+  baseUrl: ''
+}