Блог

Главная - Вопросы по программированию - Всегда используйте root в качестве базового URL с Vue-Router

Всегда используйте root в качестве базового URL с Vue-Router

#javascript #vue.js #vue-router

#javascript #vue.js #vue-маршрутизатор

Вопрос:

Я использую смесь Laravel и Vue-Router, поэтому у меня есть мое основное приложение, которое использует someurl.com/ в качестве основы, однако, когда я использую стандартную навигацию Laravel по someurl.com/settings , я не могу использовать панель навигации для перехода к маршрутам, поскольку, когда я нажимаю на маршрут, он становится someurl.com/settings/dashboard вместо someurl.com/dashboard .

Как мне всегда гарантировать, что VueRouter использует абсолютный корень URL, я могу просто настроить его так, чтобы скрыть навигацию и вернуться к root, просто используя стандартный <a> тег, но я пытаюсь этого избежать.

Есть идеи?

Мой маршрутизатор ниже:

 const router = new VueRouter({
    base: '/',
    mode: 'history',
    routes: routes
});

Комментарии:

1. Как выглядит ссылка в вашей панели навигации? Это router-link компонент или обычный html a компонент?

2. @DelenaMalan Это router-link .

3. Каково значение to prop в вашей ссылке на маршрутизатор? И как вы определили свой /dashboard маршрут?

4. Значение равно to="/" . Я не думаю, что это моя проблема, я хочу, чтобы я мог щелкнуть ссылку на маршрутизатор и вернуться к базовому URL, если я на /settings , как показано в моем вопросе.

5. В вашем вопросе говорится «когда я нажимаю на маршрут, он становится someurl.com/settings/dashboard вместо someurl.com/dashboard «.