Блог

Главная - Вопросы по программированию - Как настроить маршрут по типу /en или /fr

Как настроить маршрут по типу /en или /fr

#vue.js #vue-router #vue-cli #vue-i18n

Вопрос:

Переключение языка работает, но как добавить /en или /fr в адресную строку? Чтобы получить такой результат — test.com/en для английской версии и test.com/fr для французского языка

 // file i18n
import Vue from 'vue'
import VueI18n from 'vue-i18n'
import fr from '@/lang/french.js'
import en from '@/lang/english.js'

Vue.use(VueI18n)

export default new VueI18n({
    locale: 'en',
    fallbackLocale: 'en',
    messages: { en, fr }
})

// router index.js
const routes = [
  {
    path: '/:locale',
    name: 'Home',
    component: Home
  }
]

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

1. Вы можете использовать навигационную защиту для перенаправления на желаемое окончание локали.

Метки: