如何在 next.js 中管理 i18n 路由以使用斜杠而不是破折号

Posted 2023-03-30

【中文标题】如何在 next.js 中管理 i18n 路由以使用斜杠而不是破折号

【英文标题】：How to manage i18n routing in next.js to use slash instead of dash

【发布时间】：2022-01-06 11:39:58

【问题描述】：

我有一个包含多个国家/地区的网站，每个国家/地区都有多个区域设置 这是我的next-i18next.config.js

module.exports = 
  i18n: 
    defaultLocale: 'en-eg',
    locales: ['en-br', 'en-eg', 'en-ke', 'pt-br', 'pt-eg', 'pt-ke', 'en', 'pt'],
    localeDetection: false,
  ,
  lowerCaseLng: true,
  fallbackLng: 
    'en-br': ['en'],
    'en-eg': ['en'],
    'en-ke': ['en'],
    'pt-br': ['pt'],
    'pt-eg': ['pt'],
    'pt-ke': ['pt'],
  ,
;

想要的行为而不是/language-country/:path 是country/language/:path 我想知道是否有可能实现？

【参考方案1】：

您可以使用next.config.js 中的rewrites 将所需的URL 格式映射到实际存在的不同目标路径。

//next.config.js

module.exports = 
    async rewrites() 
        return [
            // Add an entry for each locale that needs to be mapped
            
                source: '/br/pt/:path*',
                destination: '/pt-br/:path*'
            ,
            // Other locales rewrites here
        ]