问题标签 [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 回答
185 浏览

vue.js - 在 SPA 模式下使用 Nuxtjs 和 i18n 重定向到语言环境

当我在 SPA 模式下生成 Nuxtjs (SSR: false) 时,nuxt 生成了没有 index.html 文件的 dist。

所以我有两个问题

第一个:我需要重定向到 lang 文件夹 ex。exmple.com 重定向到 exmaple.com/{locale}

第二:我需要重定向子页面前。exmple.com/admin 重定向到 exmaple.com/{locale}/admin

0 投票
2 回答
382 浏览

nuxt.js - 如何在 nuxt.config.js/i18n 中获取请求主机名?

我正在尝试baseUrl根据 nuxt.config.js 中的请求标头动态设置 nuxt/i18n 的属性

nuxt.config.js

这行不通。有没有办法访问请求标头?

努克斯特:v2.15.7

i18n/nuxt:v7.0.1

0 投票
2 回答
534 浏览

vue.js - 如何将 vee-validate v.2 与 nuxt-i18n 集成?

我正在使用 vee-validate v.2,我想本地化错误消息。我写了一个这样的插件

这是 loacales/en.js

这也是 nuxt 配置中的 $i18n

但它不起作用,页面不显示,我收到这样的错误我该 在此处输入图像描述 如何解决?

0 投票
0 回答
552 浏览

wordpress - Nuxt SSR 应用程序在生产环境中加载时间过长

我目前正在构建我公司网站的新版本,我们选择 Nuxt 来做。对于我的同事来说,保持管理内容的能力很重要,因此我们将 Wordpress 保留为 CMS。然后我们使用 Wordpress 的 REST API 生成 JSON 并将其注入到 webapp 中,基本上它只是一个无头的 Wordpress。

长话短说,我目前正试图弄清楚如何托管这个怪物,我面临一个大问题:主页需要 15 秒才能加载。幸运的是,应用程序的其余部分在首次加载方面并没有那么糟糕。你可以看看我的谷歌灯塔分数。是的,我很惭愧。

我不可思议的应用优化

请帮我

所以也许你想知道,这个可怜的人是如何创造这个的?让我告诉你我用什么来做到这一点:

  • TailwindCSS(使用 JIT)
  • Nuxt@2.15.3
  • NuxtI18n(带有 BIG JSON 文件 -> 总共 12,6 Mo)
  • 该应用程序托管在 Heroku 上

我的 nuxt.config 文件:

我想不通为什么这个页面要花这么多时间来加载,我把页面分成几个组件,我尝试在这些文件上加载最少的 JSON 数据,我使用 vue-lazyhydrate,尝试异步加载组件:没有任何效果。我知道我的代码远非完美,但仍然.. 15 秒很多。

0 投票
1 回答
52 浏览

vue.js - 如何本地化货币 lNuxtJS i18n

如您所知,欧洲国家的货币格式不同。在德国 1.234.567,89 在英国 1.234.567.89 我如何使用 nuxt/i18n 本地化货币。我在 nuxt 配置中有这个代码

当我使用

但我确实收到了这个错误

我怎样才能解决这个问题?

0 投票
1 回答
155 浏览

internationalization - Nuxt/i18n:如何更改头部元描述?

如何更改og:descriptioni18n 默认添加的 head 元标记内容值?

我知道我可以用 head 功能在每一页重写它,但我正在寻找更好的方法。

也许最好的方法是强制 i18n用标签内容值og:description的值填充内容值。description

在这张图片中,您可以看到默认值,我希望更改此值

0 投票
1 回答
149 浏览

vue.js - nuxt-i18n:日期本地化对我不起作用

我正在尝试使用 Nuxt/i18n 本地化 DateTime ,

但它不起作用!

这个我在 nuxt config 中配置 Nuxt/i18n

我怎样才能解决这个问题 ?

我怎样才能解决这个问题 ?

我怎样才能解决这个问题 ?

0 投票
0 回答
35 浏览

vue.js - 我在 nuxt.js 中使用 i18n。通过 v-if 语句更改对象

如果将语言环境更改为英语,/en 将附加到路由器。

所以我使用了一个使用路由器的条件语句。

问题是...

i18n 检测浏览器的语言(如果是英文)并向用户显示英文页面。

在这种情况下,即使它是一个英文页面,我写的条件也不适用,因为 /en 没有连接到路由器。

有没有办法以当前显示的语言设置条件,而不是路由器条件?

0 投票
1 回答
50 浏览

vue.js - 如何通过管理面板从用户那里获取 i18n(国际化)翻译

我正在使用 i18n nuxt 模块在我的应用程序中有两种语言模式。

目前我有两个.js文件,其中存储了翻译键、值对。

问题

如果一段时间后用户决定需要更改某些翻译,我必须在提到的.js文件中更新它们并重新构建和部署应用程序!

理想的解决方案

我想知道是否有一种方法可以在管理面板中为用户提供翻译变量列表及其值,以便他们可以在他们认为合适的时候通过 API 调用更改值?

感谢您对如何处理此问题的任何想法,谢谢!

0 投票
1 回答
117 浏览

typescript - Typescript & nuxt:i18n 类型不起作用

我在 typescript 中使用nuxtjs / i18n并且我在TS config中添加了它的类型

但是在我想使用的组件中

我有这个错误

在此处输入图像描述

在此处输入图像描述

那么,如何修复 @nuxt/i18n 的类型错误?