当用户单击特定按钮以更改应用程序的语言时,我试图通过一种方法重定向用户。
这些按钮是标准布局的一部分,项目的所有页面都是其中的一部分,因此 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 仓库:https ://github.com/alexgil1994/logistics-gls
需要的步骤:
npm install
npm run dev
能否以更好的方式完成?在这种情况下,有没有正则表达式的例子?有没有比正则表达式更简单的方法?
欢迎所有建议。