How to fix routes in Vue apps deployed with Netlify

  1. Create a file named redirects in your public or static folder.
  2. Within that file write this:
- /* /index.html 200
  1. Deploy your app. Your routes should work now.

What's happening is that we are not letting the Vue Router manage our routes. With this file we are saying "hey all routes should go to index.html" which is where our App lives :)

Have a good day ✌✌