我想将我的 PWA 部署为静态站点,以便可以将其托管在 S3 上。当我在配置中使用 SPA 模式运行 Nuxt Build 时;我得到一个“public”文件夹而不是“dist”文件夹。 public 文件夹包含一个带有index.html 的_nuxt 文件夹。如果我只是打开 index.html,我会在所有其他文件上收到 404 错误,因为它们实际上位于根目录中,但试图从 _nuxt 目录中获取,as seen here .
如果我将整个 _nuxt 文件夹部署到 S3,那么我无法将 index.html 作为主页发送,因为它不在根目录中。
访问 website.s3.com/_nuxt 显示加载程序,但在控制台中显示错误:加载 block {n} 失败。
如何将 Nuxt SPA PWA 部署到 s3?
最佳答案
TLDR;使用 nuxtgenerate 创建一个 dist 目录并上传。仅适用于通用应用程序。
来自here ,
nuxt 构建
- 将 nuxt 应用构建为 Node.js 服务器
nuxt start
运行.nuxt/index.js
中的代码。- 为此,您需要一个服务器进程(Heroku、Docker 等)
nuxt 生成
- 将您的 nuxt 应用构建为静态站点
- options for deployment here
关于amazon-s3 - 将 Nuxt PWA 部署到 s3,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51427951/