个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
34
4
我正在使用 NextJs 10.0.5 与 next-i18next 8.1.0 本地化我的应用程序。众所周知nextJs 10 具有用于国际化路由的子路径路由。另外，我需要按语言更改页面名称。例如，我有一个 contact-us页面文件夹中的文件。当我将语言更改为土耳其语时，我必须使用 localhost:3000/tr/contact-us .但是，我想使用 localhost:3000/bize-ulasin访问 contact-us语言为土耳其语时的页面。所以有两个 URL，只有一个页面文件。
当我在 server.js 文件中使用带有 express js 的自定义路由时，它可以工作。但是，当我想访问 getStaticProps 中的“语言环境”变量时contact-us 中的函数文件，我无法访问它。 getStaticProps当我使用 localhost:3000/bize-ulasin 时，函数返回未定义的“语言环境”变量网址。
server.js
const { createServer } = require("http");
const { parse } = require("url");
const next = require("next");
const app = next({ dev: process.env.NODE_ENV !== "production" });
const handle = app.getRequestHandler(app);
app.prepare().then(() => {
createServer((req, res) => {
const parsedUrl = parse(req.url, true);
const { pathname, query } = parsedUrl;
if (pathname === "/bize-ulasin") {
app.render(req, res, "/contact-us", query);
}else{
handle(req, res, parsedUrl);
}
}).listen(3000, (err) => {
if (err) throw err;
console.log("> Ready on http://localhost:3000");
});
});
import { Fragment } from "react";
import Head from "next/head";
import { useTranslation } from "next-i18next";
import { serverSideTranslations } from "next-i18next/serverSideTranslations";
const ContactUs = () => {
const { t } = useTranslation("common");
return (
<Fragment>
<Head>
<title>Contact-Us</title>
</Head>
</Fragment>
);
};
export const getStaticProps = async ({ locale }) => {
console.log(locale); // When I use the URL localhost: 3000/bize-ulasin, it returns undefined.
return {
props: {
...(await serverSideTranslations(locale, ["common"])),
},
};
};
export default ContactUs;
->localhost:3000/contact-us
->localhost:3000/bize-ulasin
最佳答案
我今天也遇到了同样的问题。这就是我解决问题的方法。
首先，删除 server.js 文件。在 Next.JS 10 中，使用 server.js 将与 i18n 路由产生冲突，您将无法获得 locale getStaticProps 中的数据.
NextJS 有一个漂亮的方法，名为 rewrites .我们将使用它而不是我们的 server.js 文件。例如，如果您有一个名为 contact-us-file 的页面，我们可以将 next.config.js 文件重写为
const { i18n } = require('./next-i18next.config')
module.exports = {
i18n,
async rewrites() {
return [
{
source: '/contact-us',
destination: '/en/contact-us-file',
},
{
source: '/bize-ulasin',
destination: '/tr/contact-us-file',
},
]
},
}localhost:3000/contact-us和
localhost:3000/bize-ulasin您应该能够访问您的联系我们页面。
关于javascript - 如何使用 nextJs 和 next-i18next 像 URL 别名一样本地化路由？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/66703855/
34
4
0
翻译 silverlight 5 应用程序 (Prism + MEF) 的可用选项是什么？ 如果可能的话，我想: 没有 resx 文件(我不喜欢它们的管理方式) 而是提取并翻译 xaml 字符串(我认
我可以同时使用这两种方法来本地化 $| 还是我应该使用其中一种来支持另一种？ 方法一:备份“_init_scr”中$|的旧值，并在调用“_end_win”时将$|设置回旧值。方式 2:调用 local
这个问题在这里已经有了答案: 关闭 11 年前。 Possible Duplicate: C# localization , really confusing me 有人可以分享他们对大型 C# 应
关闭。这个问题不满足Stack Overflow guidelines .它目前不接受答案。 想改善这个问题吗？更新问题，使其成为 on-topic对于堆栈溢出。 6年前关闭。 Improve thi
我正在使用 Phoenix 框架开发多语言应用程序 到目前为止，路由器看起来像这样: scope "/:locale", App do pipe_through [:browser, :bro
我想为我的域对象添加本地化支持。我有以下几点: class Person { int Id; City city; } class City { int Id; str
我需要 BlackBerry 本地化方面的帮助。我在 http://na.blackberry.com/eng/developers/resources/developer_labs.jsp#tab_
我正在尝试通过关注 documentation 来本地化我的 Flutter 应用程序. 我想要实现的是，在动态构建小部件的同时，我想转换来自我的模型的数据。这是我迄今为止尝试过的 List.gene
如何更改 EKEventEditViewController 中的默认语言，即使我手动设置 AppleLanguages 对象，它也始终是英语 最佳答案 我通过向我的应用程序 plist 添加一个 L
我在 iphone 日期选择器中遇到本地化问题。我希望日期选择器仅以英语显示日期，但现在它需要在 iphone 设置中设置为区域的语言。我尝试了各种没有用的方法像下面这样。 在 uidatepicke
我的应用仅支持荷兰语和法语。英语不是此应用程序的可用语言。如果我想使用可本地化的字符串，则默认值始终设置为英语。我希望这是荷兰语。所以我所做的就是使用英语可本地化字符串文件并用荷兰语单词填充它。我遇到
我即将本地化 iPhone 应用程序。当用户的语言(iOS 系统语言)是德语时，我想使用不同的 URL。 我想知道这是否是正确的方法: NSURL *url = [NSURL URLWithStrin
我正在将我的 iPhone 应用程序本地化为多种语言，除了更改一些字符串之外，我还需要更改一些背景。是否可以查询iPhone并获取用户的语言代码？ 谢谢! 最佳答案 看一下 NSLocale: NSS
在本地化的 Iphone(语言设置为希伯来语)上，当我们使用 Safari 查看网页并点击输入字段时，我们会在键盘上显示希伯来语的“下一个/上一个/完成”按钮。 当我们使用应用程序中嵌入的 UIWeb
是否有更好的方法来存储大量文本以在 laravel 中进行本地化？如果我的整个页面只是纯文本，那会很容易，但是我的几个页面具有复杂的布局，我需要添加多个字符串来将文本包裹在图像/链接/媒体等内容周围。
我正在尝试将我的应用程序本地化。我为支持的语言创建了所需的 string.arb 文件。 为什么AppLocalizations.of(context)需要上下文？ 我只是想访问文件/语言环境文件/类
绑定(bind)到 double可能会产生以下验证错误 Value ... could not be converted. 使用 ExceptionValidationRule 时错误更健谈: Inp
我有一些 Delphi 经验，并且正在尝试使用 Lazarus 构建一个项目，这对我来说是全新的。 我想，我已经阅读了有关 Lazarus、翻译/国际化/本地化的所有可用信息，但我无法找到我真正想要的
我一直在尝试更新网站的语言。 Controller public function getUpdateLanguage(Request $request) { $request_dat
我正在为我们正在启动的一个项目寻找框架和 CMS，该项目是一个需要支持本地化内容的网站。 Laravel 看起来不错，并且当然允许您本地化 UI 内容，但它似乎本身并不支持存储在数据库中的内容的本地化
我是一名优秀的程序员,十分优秀！