Cannot reload or visit a url of a website made with firestore vue.js?

I have a website, which is made using vue.js and using firestore database as backend.

So these are some of the problems that I face:

1. My first problem is my website contains some items which are retrieved from the firestore database. When I click on the item, it takes me to detail page. But when I refresh/reload the page it goes to the main page that is my home page '/'.

2. Other problem is that when I paste a url of my detailed view of a product. It directly goes to the home page '/'. For example if I have url https://mywebsite.com/#/product/001/, when I paste this url in a browser it does not show me the details instead it takes me to the homepage which is https://mywebsite.com/#/.

Is there are solution for this.