Vue js app returns 404 in github pages but works fine on localhost

Question

So I have a Vue Js based app that I have hosted on Github pages. But the problem is that webpage loads correctly on index url and other pages also load successfully but if you refresh the page it returns a 404.

The below image shows how the page looks while loading the website normally.

But if you refresh the above page, it will return a 404.

The source code of the app is available at : Repository URL

The app works perfectly fine on localhost though.

Answer 1

As you cannot access server side config files i think you ve 2 ways:

1. Create a 404.html file with the same content of your index.html file ( in the public folder )

2. Set the vue router to hash mode