问题标签 [nuxt-i18n]

我目前正在使用 Vue.js 和 Nuxt 框架对网站进行内部化。我正在从页面的 url 移动website.com/my-page到website.com/<lang>/my-page.

为此，按照文档，我将所有页面移动到一个_lang文件夹中，为我提供了以下架构：

这完全符合预期，除了<lang>slug 现在是强制性的，使得访问website.com/my-page返回 404。

我希望此 url 以我的应用程序中声明的默认语言显示页面。

我发现实现这一点的唯一方法是在包含以下内容my-page.vue的根目录下创建另一个：pages/

但是，这意味着为我网站的每个页面创建这种别名，给我：

有什么方法可以使这个自动化，因为这是一个非常乏味的过程？

谢谢，

旁注：我一直在调查extendRoutes，但没有成功。

如何在 Nuxt 中配置数字本地化？

我有我的 nuxt.config 像这样

但是如果我尝试将这样的模板添加到页面

我在控制台中收到错误：

我尝试搜索示例，但在 nuxt 文档中找不到任何示例。

我正在尝试使用 nuxti18n 虽然有一些示例，但似乎都没有。我能够更改语言，但无法翻译。

文档：https ://nuxt-community.github.io/nuxt-i18n/

所有被评论的都是已经尝试过的

组件/Header.vue

nuxt.config.js

/locales/en.json

控制台警告（很多）

{{$t('crm.cancelar')}} 我期待取消但显示 crm.cancelar

谢谢帮助这个新手:)

如果在 url 中找不到，我想将后备语言参数推送到每条路线

例如，当我输入：/page 路由器应该将我重定向到：/en/page

我怎么能用 nuxt 和 i18n 做到这一点......？

我将 nuxt 和 nuxt-i18n 用于我的多语言网站。默认情况下，如果用户打开我的网站，他们会重定向到他们的语言页面。在此之后，他可以更改语言环境。但是如果用户关闭浏览器选项卡并再次打开它，他不会被重定向。我在配置中设置：

在这种情况下，用户总是在打开站点时重定向，但他不能手动更改语言环境。

我需要什么：当用户来到站点时，他重定向到他的语言环境页面，例如 mysite.com/en 或 mysite.com/ru 在此用户可以更改语言环境之后。当用户关闭浏览器选项卡并在新选项卡中进入站点时，他再次重定向。

升级版：

我为简单的任务找到了简单的解决方案。任务：如果浏览器语言为en ，则在主页上重定向到mysite.com/en在此用户可以手动将语言更改为默认mysite.com它仅用于主页。我在 index.vue 中做了以下操作

它运作良好。我希望它对某人有所帮助。

PS：如果您知道更多优雅的解决方案，那就太酷了

我已经更改了我的应用程序以使其与 nuxt i18n 一起使用，并且当我直接访问路由时，翻译似乎可以正常工作。

例如http://localhost:3000/fr/step/1

我的应用程序中有以下结构，每个步骤都是一个页面，里面有不同的组件。

我的 nuxt 配置：

在文档中它说我需要localePath为我的 nuxt-links 添加以使其与 i18n 插件一起使用。 https://nuxt-community.github.io/nuxt-i18n/basic-usage.html#nuxt-link

例如：

在我的应用程序中，我曾经以编程方式导航到下一步，例如：

现在我有两个问题（问题）：

1. 我将如何以编程方式导航到路线localePath？例如this.localePath('step/2')不起作用。它总是重定向到首页。
2. 为什么它不能与模板中的正常链接一起使用？我已经对此进行了测试：
   <nuxt-link :to="localePath('step/2')">Foo</nuxt-link>但它也不起作用。当我尝试类似的东西时：
   <nuxt-link :to="localePath('success')">Foo</nuxt-link>它可以工作，因为success页面位于第一级。

似乎路由或我处理子页面的方式有问题。谁能帮我这个？

我正在努力使用 NUXT.jS 本地化表单验证vee-validate。vee-validate 官方文档中关于 NUXT 的文档非常少。我想知道是否可以使用 vee-validate 本地化错误消息。

一切正常。i18n 插件，vee-validate 插件。但我无法将这两者放在一起。

我的Vee Validate设置

我从官方文档中尝试过，但还没有。

我正在使用 nuxtjs 2.10.x 和 i18n 模块。Nu 自定义中间件或类似的东西。路由工作正常。

我的nuxt.config.js模块/i18n 部分：

页面文件夹结构：

但我收到了这个疯狂的警告：[vue-router] Route with name 'contact_us___en' does not exist. 实际上 nuxt 对我拥有的所有页面都给出了类似的警告。而且没有任何线索为什么会这样。什么可能是错的？

我正在Nuxt+上制作多语言网站Laravel。我希望有一个选项可以在数据库中设置语言环境并将这些语言环境共享到Nuxt前面。可能吗？

我发现Nuxt插件nuxt-i18n看起来不错，但语言环境是在nuxt.config.js文件中设置的，您无法在此文件中设置来自 api 响应的数据。

我正在关注有关如何更改语言的文档（https://nuxt-community.github.io/nuxt-i18n/lang-switcher.html），效果很好。但是，每当我设置detectBrowserLanguage.useCookie并设置为 true 时detectBrowserLanguage.alwaysRedirect，我nuxt.config.js都应该调用该this.$i18n.setLocaleCookie(locale)方法来保持更改（如文档所述）。

我唯一的问题是，我应该在哪里调用这个方法？

我当前的代码：

如您所见，我尝试this.$i18n.setLocaleCookie(locale)在链接的单击事件上运行，但我得到了Cannot read property '$i18n' of undefined