使用 vue-i18n 翻译 WebApp，无需更改 URL

Question

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

我正在使用nuxt

框架，所以我研究了nuxt-i18n，但如果不更新网址，这是不可能的。

Answer 1

in nuxt.config.js/ts

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

若要更改区域设置，请使用以下内容：

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

Answer 2

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

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

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