gpt4 book ai didi

amazon-web-services - next.js 导出静态 - S3 - 页面重新加载时路由失败

转载 作者:行者123 更新时间:2023-12-03 14:24:47 24 4
gpt4 key购买 nike

我正在将 next.js 应用程序作为静态导出部署到为静态网站托管配置的 s3 存储桶。

我用下一个 buildexport生成 out/ 的命令目录,然后将其复制到我的 s3 存储桶中

然后存储桶包含一些文件,为简单起见,我们假设只有 index.htmlabout.html
问题是当用户点击 index.html 时通过 www.website.com然后导航到 www.website.com/about一切正常,但重新加载 www.website.com/about当然失败。
www.website.com/about.html找到正确的 Assets 来呈现网站

有没有办法导出静态 next.js 应用程序,托管在 s3 上,并向 /about 发出请求代理/about.html ?

一如既往,感谢您的关注,更感谢您的参与。

最佳答案

迄今为止我得到的最佳解决方案,灵感来自这个要点:
https://gist.github.com/rbalicki2/30e8ee5fb5bc2018923a06c5ea5e3ea5

基本上在将构建部署到 s3 存储桶时,您可以简单地重命名 .html文件没有 .html后缀,例如:www.bucket.com/about.html -> www.bucket.com/about现在 SSR 和 CSR 路由都按预期工作。

生成的文件有 Content-Type: text/html尽管没有后缀,但我不知道这是否有问题。

关于amazon-web-services - next.js 导出静态 - S3 - 页面重新加载时路由失败,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57438566/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com