internationalization - 如何使用 VueJS 翻译我的路线？

Question

如何使用 VueJS 和 vue-i18n 翻译我的路线？

你可以在这里查看我的仓库： https ://github.com/polikin/vuejs-boilerplate/

前任：

/en/about-us
/fr/a-propos

Answer 1

据我所知，Vue-i18n 并不是开箱即用的。但是您可以使用路由别名：

const router = new VueRouter({
  routes: [
    { path: '/en/about-us', component: YourComponent, alias: '/fr/a-propos' }
  ]
})

alias也可以是数组。

如果你会选择Nuxt - 有一个nuxt-i18n模块，它在内部使用 vue-i18n，但添加了大量的便利功能。它为你的溃败的语言环境添加前缀，这样你就完成了。