Vue router меняет URL после перезагрузки страницы

Question

У меня проблема с маршрутизатором vue при перезагрузке страницы.

Ссылка http://example.com/admin/home/page1

изменяется на это

http://example.com/admin/home/page1/page1.

Примечание: этот проект находится в общедоступном каталоге laravel

vue version 3.9.2 os win 10 x64

router.js

const router = new Router({
mode: ‘history’,
base: process.env.VUE_APP_LINK,
routes: [
{
path: ‘/home’,
name: ‘home’,
component: Home,
children: [
{
path: ‘page1’,
name: ‘page1’,
component: () => import(’@/components/contents/page1.vue’),
},
{
path: ‘page2’,
name: ‘page2’,
component: () => import(’@/components/tools/page2.vue’),
},
{
path: ‘page3’,
name: ‘page3’,
component: () => import(’@/components/contents/page3.vue’),
},
{
path: ‘page4’,
name: ‘page4’,
component: () => import(’@/components/contents/page4.vue’),
}]},
{
path: ‘/login’,
name: ‘login’,
component: Login
},
{
 path: '*',
 redirect: '/home/page1'
}
]
})```

<li class="nav-item"><router-link to="page1" class="nav-link">page1</router-link></li>
    <li class="nav-item"><router-link to="page2" class="nav-link">page2</router-link></li>
    <li class="nav-item"><router-link to="page3" class="nav-link">page3</router-link></li>
    <li class="nav-item"><router-link to="page4" class="nav-link">page4</router-link></li>

Answer 1

Попробуйте использовать /page1 или /home/page1 вместо page1 в ваших path значениях.