Fix Entry by URL

[ben-miles]

On my local dev environment, I can enter a full URL in the address bar and be routed directly to the corresponding view -- EG, opening a new tab and entering nomansguide.test/items/activated_indium takes me directly to the Activated Indium item view. But this is not the case for my deployment on GitHub Pages. The same url as above (using nomansguide.dev instead of .test) gets me a GitHub-branded 404 page.

[ben-miles]

More info and some potential workarounds on this issue here: https://stackoverflow.com/questions/65501787/vue-router-github-pages-and-custom-domain-not-working-with-routed-links

[ben-miles]

Attempted a fix with 2bb4633 , but it didn't quite do it: I no longer get the GitHub 404 page, so that's good -- But I'm just being redirected to the home view.

I'll leave this issue open as I have at least one other premade solution to try...

[ben-miles]

Another update: In the StackOverflow answer linked above, you copy some code into a public/404.html file, and more in a public/index.html file. I noticed the following in gh-pages after my GitHub Action finished building and deploying:

1. the 404.html file was gone,
2. there was now a 404 "symbolic link" that seems to just point to index.html
3. the code I added to public/index.html was nowhere to be found.

So, I added the code from public/index.html to my projects own index.html in the project root and PRd that... and the new code was still not in the index.html file on gh-pages...

So, I manually added that code to the root index.html file in gh-pages... Now the redirects work better, but still not quite perfect: /translator and /item/carbon (for example, but any specific item view is the same) both work fine, but trying to go directly to /items loads the HTML / CSS / JS plus icons and background images, but not the images for any of the items. I think it's got to be something to do with my paths there, or maybe in the config file...