Next.js - 导出index.html

Question

我想在Amazon S3上托管我的 React 项目。

我正在开发它Next.js。

文件夹树如下所示。

pages
 |- auth
 |    |- index.tsx
 |- (...)
 |- index.tsx

我做到了

next build && next export

构建和导出后，我期望它

out
 |- _next
 |- auth
 |    |- index.html /* I want another index.html */
 |- (...)
 |- index.html
 |- static

但我明白了，

 |- _next
 |- auth.html /*I need /auth/index.html*/
 |- (...)
 |- index.html
 |- static

我怎样才能实现呢。

先感谢您。

Answer 1

只需添加exportTrailingSlash: true到next.config.js.

module.exports = {
  trailingSlash: true,
}

Answer 2

next.config.js

module.exports = {
  exportPathMap: async function (defaultPathMap) {
    return {
      '/auth/index.html': { page: '/auth' },
    };
  }
}