我正在尝试通过 next.js 的子路径功能使我的网站国际化。
这是我的module.export
:
/* eslint-disable prettier/prettier */
module.exports = {
i18n: {
defaultLocale: 'fr',
locales: ['en', 'fr'],
},
react: {
useSuspense: false,
wait: true,
},
}
这是我的Page
文件夹的结构:
.
│ 404.js
│ about.js
│ blog.js
│ index.js
│ projects.js
│ tags.js
│ tree.txt
│ _app.js
│ _document.js
│
└───blog
│ │ [...slug].js
│ │
│ └───page
│ [page].js
│
└───tags
[tag].js
当我在根页面目录中时,一切都适用于子路径。localhost:3000/about
,localhost:3000/en/about
工作。按预期localhost:3000/fr/about
重定向。localhost:3000/about
但是当我尝试访问文件夹中静态生成的页面时,在en
子路径中(localhost:3000/en/blog/article1
例如,我得到一个 404.
如何确保站点也为en
子路径静态生成页面?