当我重新加载页面时，下一个 js 中的静态导出不会加载

【问题标题】：static export in next js doesn't load when i reload the page当我重新加载页面时，下一个 js 中的静态导出不会加载
【发布时间】：2021-01-28 01:12:46
【问题描述】：

我正在使用下一个 js 框架，我想使用静态导出，但这里有问题。

例如我有网址 www.sitename.com/about

当我第一次去那里时它可以工作，但是当我重新加载页面时，我得到了 404 页面。

如果有帮助，我会使用这样的路线：

<Link href="/about">
    <a className='nav-link' >
        <span className='ml-2'>about</span>
    </a>
</Link>

如果你能帮助我真的很感激。

【问题讨论】：

【解决方案1】：

我将使用我的代码示例进行解释：

我的package.json 包含此脚本："build": "next build && next export"。

当我运行时：npm run build NextJS 创建文件夹out，例如：

我创建了next.config.js 并添加了下一个代码from here：

module.exports = {
    trailingSlash: true,
  }

然后重新运行：npm run build

现在，文件夹out 包含每个页面（路由）的子文件夹和创建文件夹内的index.html 文件。

我在 AWS S3 存储桶上托管，下一张截图来自那里：

如您所见，我从out 文件夹上传了除404 之外的所有子文件夹。我将index.html从404重命名为404.html并上传了。

现在可以了。

缺点 - 在 S3 存储桶中上传许多文件夹并不方便。

【讨论】：