NextJS：没有语言环境名称的 i18n 子路径路由

Question

根据 NextJS 文档

https://nextjs.org/docs/advanced-features/i18n-routing#sub-path-routing

我们可以通过添加语言环境名称来拥有不同的本地化路由 /es/hello /fr/hello ...

是否可以在不添加语言环境名称和使用不同路由的情况下实现这一点？ /hola /salut ...

提前致谢

Answer 1

如果这是单个案例，一种方法是使用重写规则。对于您的示例，您可以使用以下内容：

async rewrites() {
    return [
        {
            source: '/hola',
            destination: '/es/greeting
        },
        {
            source: '/salut',
            destination: '/fr/greeting
        },
    ];
},

使用此配置，您的页面文件夹中需要 greeting.jsx 来处理所有语言。可以像往常一样通过路由器访问语言环境。

NextJS：没有语言环境名称的 i18n 子路径路由

NextJS: i18n sub-path routing without locale name

routes

internationalization

next.js