问题标签 [nuxt-i18n]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
3058 浏览

vue.js - 如何使用 nuxt 和 nuxt-i18n 生成本地化动态路由?

我正在尝试让 nuxt 生成本地化的动态路由。我使用 nuxt-i18n 翻译每条路线。

这是我的 nuxt-i18n 配置:

如文档中所述:

generate 命令 (yarn generate) 会忽略动态路由。Nuxt 不知道这些路由将是什么,因此它无法生成它们。

因此,我尝试调整他们的示例并使用我的无头 CMS 的 Api 来重建所有路由,但不幸的是,nuxt 出于某种原因没有生成它们。我尝试使用文件结构(即/advice/_uid.vue)而不是本地化路由,希望 nuxt-i18n 会为我解决这个问题,但那方面也没有运气。

这是我的 nuxt.config.js:

我运行时没有错误npm run generate,尽管它不会生成任何这些路由。在我使用 nuxt-i18n 本地化我的路线之前,它曾经工作得很好

有没有办法让 nuxt 或 nuxt-i18n 生成本地化的动态路线?

谢谢你的帮助!

0 投票
1 回答
1380 浏览

vue.js - 从自定义 .js 文件访问应用程序上下文以获取语言环境消息

我正在 SSR 模式下使用 Nuxt.js 构建 Vue.js 应用程序。axios我的项目中有vue-i18n插件。

nuxt.config.js

如您所见,i18n 设置为延迟加载。消息取自locales/en-EN.js文件locales/de-DE.js。在文件中,我想向后端 API 发出请求,它将为我提供消息。locales/en-EN.js

但是,当我加载页面时,它说$axios未定义:Cannot read property 'get' of undefined。但是一旦我开始在语言之间切换,应用程序就会收到翻译。所以我的猜测是服务器在尝试$axios从上下文访问时失败,但在客户端(浏览器)上它成功了。$axios从 Nuxt访问模块的正确方法是什么context

0 投票
0 回答
40 浏览

nuxt.js - Nuxt.js 创建页面,可用于唯一特定的语言环境(我自己定义)

nuxt.js 中是否有办法创建仅适用于一种语言环境的页面?示例:可用的语言环境:en(默认)、ru、es、de。页面名称是new-mrz-reader。我希望页面只能由/ru/new-mrz-reader,而不是/de/new-mrz-reader,而不是/es/new-mrz-readeror可用/new-mrz-reader。我想为以后的页面自动化这个过程。

0 投票
1 回答
1132 浏览

vue.js - 如何在 nuxt js 中设置默认翻译 i18n?

it 我已经像这样设置默认值nuxt.config.js

在此处输入图像描述

但是如果我访问 localhost 它重定向到:http://localhost:3000/en 它应该重定向到http://localhost:3000/

我怎么解决这个问题?

0 投票
1 回答
1502 浏览

redirect - Nuxt i18n 从页面名称重定向到特定区域设置

我想使用 nuxt i18n 从/my-account重定向到/hr/moj-racun(因为克罗地亚语是默认语言,并且存在 my-account 和 moj-racun 之间的映射)。

相反,它会重定向到 /hr/my-account。

我的 nuxt 应用程序文件夹中的页面文件夹名为“my-account”,这是我当前的设置:(
我设置了 alwaysRedirect,但它采用输入的 url 并预先添加语言前缀,但它不翻译它给定的映射)

编辑,这是我的帐户页面特定的 nuxt-i18n 设置:

如果我转到http://example.com/my-account之类的页面,它会被重定向到http://example.com/**hr**/my-account,无需翻译。

0 投票
1 回答
1087 浏览

internationalization - Nuxt 和 i18n:Google 显示混合语言结果

我已经使用 Nuxt 创建了一个站点。

该网站有 2 种语言:意大利语(默认)和其他所有人的英语。我安装了 nuxt-i18n 并对其进行了配置,一切似乎都运行良好(尤其是在使用 devtools、html lang、rel=alternate 等查看代码时)。

但问题是:当我用谷歌(意大利语)搜索该网站时,SERP 中该网站的片段是英文的。

这是我的代码:

seo: false按照文档中的说明设置了更好的性能,并在默认布局中合并数据:

我还为每个页面设置了元$t标记head()。例如,在家里:

我不明白我做错了什么。我已经在 Search Console 中添加了该网站。如需参观,网址为:www.leconturbanti.it

如果您需要更多我的代码才能回答,请询问。谢谢你。

0 投票
1 回答
514 浏览

nuxt.js - 无法访问 nuxt-i18n 信息

我正在 nuxt 开发一个国际博客。我似乎无法访问导航组件和某些页面中的 i18n 对象。您能否说明如何访问它以及为什么我不能访问它?我假设它与生命周期相关但不确定......

在 nuxt-config.js 中:

我试图根据语言引入不同的降价文件,所以我打电话:

在我拥有的内容中en/data/...ja/data/...如果我将其硬编码为en/data/或者ja/data但我得到 i18n is undefined 错误,它可以工作,我尝试了几种模式但没有成功。

0 投票
0 回答
2064 浏览

vue.js - 切换语言时 Nuxt i18n 无法正确翻译

我在 nuxtjs 上有一个站点,我使用 nuxt-i18n 设置了两种语言,英语作为默认语言。如果我设置第二语言并刷新页面 (f5),当我尝试将语言切换回默认值时会出现问题。但是使用第二语言看起来不错。在此处输入图像描述

控制台中有很多错误,例如

此外,如果我使用默认语言加载页面然后切换到第二个语言,一切正常。

为了切换语言,我使用了一个组件。

0 投票
1 回答
3383 浏览

vue.js - 当我检查 to.hash 是否为空时,Nuxt vue-router beforeRouteLeave 导航防护导致超出最大调用堆栈大小

我遇到了一个我认为不应该发生的循环问题。在 Nuxt 嵌套动态页面组件(_id.vue)中,我想检查导航防护to.hash中是否不为空,beforeRouteLeave但是当我执行此检查并且它是真的时,我得到RangeError: Maximum call stack size exceeded.

我做了一个测试,console.log('test')我看到它被称为不间断,直到浏览器停止它以防止它崩溃。

仅当我测试to.hash !== ''但不测试to.hash === '#ct'并且我不明白为什么时才会发生这种情况?

如果用户来自路径中带有哈希的索引页面,如果他单击浏览器的后退按钮,我想将他带回到他单击浏览页面时所在的_id页面位置。

有人可以帮助我了解这里发生了什么吗?

谢谢

0 投票
0 回答
799 浏览

javascript - nuxt-i18n 路由不适用于 SSR,但适用于 SPA

我正在开发 nuxt 通用(ssr)应用程序,我想使用nuxt-i18n添加翻译,我按照网站上的配置说明进行操作,翻译工作正常,但路由根本不起作用点击链接更改 URL浏览器,但不是页面上的内容。

这是我的 nuxt 配置文件

这是我导航到路线的方式