Lost data on reload component in vue

Question

this's mine project: https://pokedex-vue-sf.netlify.app/

when i go on pokemon details and reload page I get 404 page. How can I fix that? I tried with localStorage but I did not succeed

Answer 1

1. It is because you're reloading '/pokemon/bulbasaur' route. You must configure your server to serve '/' for all routes.

2. Or you could toggle your history mode in your vue-router. This will add a '#' after your base url. Anything after # will not be sent to the server, so you will always be requesting the '/' route.