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
相关产品推荐
相关产品推荐

