[1833] Fetch from multiple api's on page refresh using fetch method

I have 3 level of nesting in my pages (subject/topic/subtopic/content). If a user navigates in correct sequence i.e starting from subject to content, all data is fetched on page change and everything works well.

But If a user refreshes the browser on content or subtopic page, how do I fetch all the previous data ? I am using fetch method to get data for each page, should I use fetch to get data for all the previous pages ? How do I do it? I am using vuex store, so every data fetch is written in actions of vuex.

How do I avoid fetching the duplicate data when client doesn't refresh the page but simply navigate from client side page to another page?

Any help will be highly appreciated.