regex - 使用 Nuxt.js 和 Vue-i18n 重定向到同一页面但切换语言 url

Question

当用户单击特定按钮以更改应用程序的语言时，我试图通过一种方法重定向用户。
这些按钮是标准布局的一部分，项目的所有页面都是其中的一部分，因此 url 可以根据用户所在的 .vue 页面而有所不同，但按钮始终是这意味着重定向必须是动态的。

例如网址:

localhost/about

应该通过方法(通过按特定按钮)重定向到:

localhost/bg/about

在项目中，页面位于文件夹 _locale 内，并且还从该文件夹外的 .vue 文件导入，如 Nuxt 文档中关于使用 Vue-i18n https://nuxtjs.org/examples/i18n/ 进行本地化的建议
nuxt.config.js 、i18n.js 中间件、i18n.js 插件和 index.js 存储文件。

因为它是一个 Nuxt.js 应用程序，而不仅仅是一个 Vue.js 应用程序，只需通过一个页面更改locale(语言)实际上也不会改变语言，即使它改变了(例如使用 this.$i18n.locale = 'bg')它也只会改变它针对特定页面并在下一个导航中再次使用 fallback locale 代替，所以我试图通过重定向来解决它，然后使用正确的 .json 文件基于 url 的语言。我只是想找到一种方法让这种重定向更加动态，而不是只导航回每种语言的 home 页面。

如果需要，github repo : https://github.com/alexgil1994/logistics-gls

需要的步骤:

npm install
npm run dev

可以用更好的方式完成吗？对于这种情况，有没有正则表达式的例子？有没有比 Regex 更简单的方法？
欢迎所有建议。

Answer 1

自从我提出这个问题以来已经有很长时间了，我忘记了我已经找到了一个自定义的解决方法，所以既然是时候为另一个项目再次实现它，我想到最终关闭这个问题。

由于我再次搜索可能的国际化解决方案，我发现有两种可能(至少):

1). 使用 Nuxt 和 vue-i18n 的自定义解决方案是使用用户在选择一个时触发的方法语言选择:

changeLanguage(locale) {
          // -- Getting the path before starting
          var beforePath = this.$nuxt.$router.history.current.path

          // -- Removing the previous locale from the url
          var result = ''
          result = beforePath.replace( "/bg", "" )
          result = result.replace( "/gr", "" )

          // -- Redirecting to the same page but in the desired language
          if ( locale == 'gr' || locale == 'bg' ) {
            this.$nuxt.$router.replace({ path: '/' + locale + result })
          } else {
            if ( result == '/' ) {
              this.$nuxt.$router.replace({ path: '/' + locale })
            } else {
              this.$nuxt.$router.replace({ path: '/' + locale + result })
            }
          }
      }

你可以看到我传入了 locale 参数，这是被选择的语言代码，我们使用 $nuxt.$router 来获取当前路径。

2). 第二种解决方案是使用 nuxt 和 nuxt-i18n 代替。这样就可以使用方法 switchLocalePath，如 official documentation 中所述。 .虽然我还没有真正尝试过(我记得我在 8 个月前尝试过但遇到了一些问题，我可能以错误的方式实现了它)。很快就会再试一次。

希望这对其他人有帮助