[Vuejs]-Vue Router not working when deployed to github pages

Github pages does not support SPA.

Use hash mode instead of web history.

What happens is that if you refresh/load a URL for the first time, for example /blog/my-first-post, github does not know how to handle that.

It works in the pattern of https://<Username>.github.io/<Repo>.

You should use Netlify for SPA.