make gh pages work with routing

2021-04-11 19:48:58 +02:00
parent 6fb914b272
commit 053363ddc5
2 changed files with 23 additions and 0 deletions
--- a/public/CNAME
+++ b/public/CNAME
@@ -0,0 +1 @@
+gractwo.ga
--- a/public/index.html
+++ b/public/index.html
@@ -6,6 +6,28 @@
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>gractwo-smol.png">
    <title><%= htmlWebpackPlugin.options.title %></title>
+    <script type="text/javascript">
+      // Single Page Apps for GitHub Pages
+      // MIT License
+      // https://github.com/rafgraph/spa-github-pages
+      // This script checks to see if a redirect is present in the query string,
+      // converts it back into the correct url and adds it to the
+      // browser's history using window.history.replaceState(...),
+      // which won't cause the browser to attempt to load the new url.
+      // When the single page app is loaded further down in this file,
+      // the correct url will be waiting in the browser's history for
+      // the single page app to route accordingly.
+      (function(l) {
+        if (l.search[1] === '/' ) {
+          var decoded = l.search.slice(1).split('&').map(function(s) { 
+            return s.replace(/~and~/g, '&')
+          }).join('?');
+          window.history.replaceState(null, null,
+              l.pathname.slice(0, -1) + decoded + l.hash
+          );
+        }
+      }(window.location))
+    </script>
  </head>
  <body>
    <noscript>