Это моя router
конфигурация:
import Vue from 'vue';
import Router from 'vue-router';
Vue.use(Router);
export default new Router({
mode: 'history',
base: process.env.BASE_URL,
routes: [
{
path: '/',
name: 'home',
redirect: { name: 'auth.login' },
},
{
path: '/auth/login',
name: 'auth.login',
component: () => import('@/pages/Auth/LoginPage.vue'),
},
{
path: '/auth/registration',
name: 'auth.registration',
component: () => import('@/pages/Auth/RegistrationPage.vue'),
},
],
});
Далее у меня есть Logo
компонент, который действует как ссылка на домашнюю страницу:
<template>
<div class="logo">
<router-link :to="{ name: 'home' }" exact>Uhire</router-link>
</div>
</template>
Однако, нажав наLogo
компонент в браузере ничего не делает (ничего не происходит, даже строка URL не изменяется).
Но если я изменю href
с home
на auth.registration
, все будет работать.
В чем может быть причина такого поведения?
Любая помощь приветствуется,заранее спасибо.