Refresh children routes on the browser not working

Refresh of the children routes on the browser is not working in vuejs. Please assist. Kind Regards

Hi. Show us some code and tell us what you thought would happen and what is happening instead.

I can refresh /dashboard on the browser but I cannot refresh /dashboard/user-profile.

What might be the issue?

{
path: “/dashboard”,
meta: {
name: “Dashboard View”,
requiresAuth: true
},
component: () => import(@/views/dashboard/dashboard.vue),
children: [
{
path: “”,
name: “Dashboard”,
component: () => import(@/components/dashviews/dashboard.vue)
},
{
path: “user-profile”,
meta: {
name: “User Profile”,
requiresAuth: true
},
component: () => import(@/components/dashviews/userprofile.vue)
},

Opening well but I’m trying to refresh the url on the browser but it is not working