Vue router - nested routing?

Question

Vue.js

Can anyone tell me how to make the routing work when reloading or entering via a nested link
When entering conditionally /cabinet/
and then following the links, the routing works fine, the pages switch like spa
/cabinet/some1/
/cabinet/some2/

but if you reload the page eg /cabinet/some2/ everything breaks down, you need to go back to the start page /cabinet/ where is the routing done?
sorry, just learning vue)

Answer 1

On server. The server must direct all calls to index.html so that vue-router is already involved in the work there. How to configure your server to buzz "vue router <server name>".
The option is simpler and lazier: switch the router from history mode to hash. Links, of course, will be ugly, but it will immediately work anywhere.
A more difficult option: configure SSR.