Multi Page SPA Support

[atiernan]

What:

live.fpvout.com should be able to handle multiple pages within the Single Page App

Why:

Currently if you try to navigate to https://live.fpvout.com/hello you'll receive a 404 page from GitHub. This should really be routed through the SPA instead, so we choose what to display

Requirements:

• A way to catch the current 404 and redirect to the SPA, whilst preserving the route the user was on.

[sweebee]

I cant find anything how to do this with Github Pages. Isn't it easier to host this on Netlify? Then you can add a _redirects file with:

/*    /index.html   200

Then the Vue router will handle the response.

[atiernan]

This seems like an option for catching the 404.

[sahibalejandro]

^ In that case, wouldn't be easier to just create a random room ID and use it as a query parameter? I mean.. that's what the custom 404.html will do anyways.

[atiernan]

It's not just about room names for WebRTC, the site should be able to handle any route, for example if we wanted to add a settings page it should be able to handle /settings

[sahibalejandro]

You're right! Will work on a POC too. 👍🏼

[jellehak]

why not just use the vue hash router. https://live.fpvout.com/#/settings

( the hash router also works best for PWA )