Bug: 404 Page Not Found on refreshing a page on gh-pages

[catherineisonline]

When refreshing a page I get a 404 Page Not Found error. This happens because GitHub pages don't support single-page apps. It doesn't have access to front-end routes. You can go back and forth without any issue until you refresh the page. I tested it in Chrome, Safari on iPhone, and MacBook Air M1.

Steps to reproduce the error:

1. Visit: https://catherineisonline.github.io/rest-countries/
2. Click on any country to be redirected to the single country page
3. Refresh the page

I have been researching this for almost a month and have not found any solution yet.

[msuwignyo]

I think this is because of how the CSR route mechanism behaves (it's perfectly normal).

The workaround is by creating a custom 404 page, and writing some javascript to redirect to the index.html.

Resource: React app hosted as Github Project Page. How to display custom 404 page?

[catherineisonline]

Thank you for the feedback. I believe that will be the best solution for now