在不改变的情况下使用 vue-i18n 翻译 WebApp URL

Question

什么是 i18n 的最佳实现。它用于网络应用程序，所以我不想根据区域设置更新 url。

我正在使用 nuxt 框架，所以我研究了 nuxt-i18n，但如果不更新 url 这是不可能的。

Answer 1

我尝试创建一个简单的示例，但我们仍然可以改进。

在这种方法中，我尝试使用 cookie 而不是路径，为此我需要在切换语言时刷新页面，否则我们的组件不会加载新的翻译。

在这里查看：https://codesandbox.io/embed/example-i18n-mo8t7?fontsize=14

Answer 2

在 nuxt.config.js/ts

i18n: {
...
strategy: 'no_prefix',
...

}

要更改语言环境，请使用类似的东西：

changeLocale() {
  this.$i18n.setLocale(this.$i18n.locale === 'en' ? 'tr' : 'en')
}