You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Next.js 13 App目录下结合next-intl实现URL路由翻译的问题求助

Next.js 13 App目录下结合next-intl实现URL路由翻译的问题求助

各位好,我目前正在开发一个基于Next.js 13的多语言应用,采用next-intl包来实现国际化功能。最近在尝试为路由配置翻译后的URL时遇到了瓶颈,想请教下有相关经验的朋友。

先说说我想要实现的效果:

  • 当使用源语言丹麦语时,路由是 mypage/om
  • 切换到英语时,对应路由应该是 mypage/en/about

我的项目采用App目录结构,核心路由是 /app/[lang]/page.tsx 的形式。

我已经按照next-intl的官方文档完成了国际化路由的基础配置,但始终没能让URL翻译和当前的目录结构适配起来。我的核心需求是:

  • 要能利用generateStaticParams生成所有语言对应的静态页面
  • 每个语言的URL是专属的翻译版本,但只需要为源语言创建一个页面文件,不用为不同语言重复编写多个同名/不同名的页面

目前遇到的具体问题是:
现在访问mypage/om可以正确解析到丹麦语版本,英语版本访问mypage/en/om也能正常打开,但我希望英语版本可以通过mypage/en/about访问,不需要额外创建多个不同名称的页面文件。

有没有朋友在Next.js 13的App目录结构下,用next-intl实现过这种URL路由翻译的功能?求分享经验或解决方案,万分感谢!

备注:内容来源于stack exchange,提问作者Charlie Østergaard

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.22 11:58:08