Как убрать отображение слеша во Vue Router?

Question

[Александр Флоренко]

Всем привет.

Есть приложение с локализацией. Локаль всегда есть в урле.
localhost/:locale

Файл router.js

{
    path: '/:locale',
    name: 'home',
    redirect: {name: 'mainPage'},
    component: () => import('Views/index'),
    children: [
        {
            path: '',
            name: 'mainPage',
            component: () => import('Views/mainPage')
        },
        {
            path: 'rooms',
            name: 'rooms',
            component: () => import('Views/rooms')
        },

Все ссылки на страницы, за исключением главной, идут без слеша в конце.
localhost/en/rooms
localhost/en/

Я настраивал <router-view> несколькими способами, но так и не смог добиться желаемого результата(

В каком месте я мог допустить ошибку?

Comments

[Артем Кондрацкий]

чет ничего не понял. зачем тебе убирать отображение слеша? от куда его вообще убирать надо?
подробнее, пожалуйста, опишите вопрос

[Максим Тихонов]

Как насчёт редиректа со слэша на нужный урл?

[Александр Флоренко]

Артем Кондрацкий, убрать из урла в строке браузера.
У меня все урлы без слеша.
И только при переходе с какой-то страницы на главную у меня появляется слеш.

[Александр Флоренко]

Максим Тихонов, Не уверен, что это хорошая идея.
+ работает же навигация vue
Т.е. мне в каждом переходе делать проверку?

[Максим Тихонов]

Александр Флоренко, можно попробовать метод beforeEach из так называемых NavigationGuards.

[Александр Флоренко]

Максим Тихонов, Это я понял, просто меня смущает, что у меня всегда будет проверка, и редирект

[Максим Тихонов]

Александр Флоренко, они для этого и сделаны - всегда делать проверку

Answer 1

[v1rtuoz]

Что-то мне подсказывает, что это поведение браузера.

Comments

[Александр Флоренко]

Ну, не уверен, все остальные урлы же без слеша.