将 Nuxt PWA 部署到 s3

Question

我想将我的 PWA 部署为静态站点，以便可以在 S3 上托管它。当我在配置中使用 SPA 模式运行 Nuxt Build 时；我得到一个“公共”文件夹而不是“dist”文件夹。公共文件夹包含一个带有 index.html 的 _nuxt 文件夹。如果我只是打开 index.html，我会在所有其他文件上收到 404 错误，因为它们实际上是在 root 中尝试从 _nuxt 目录中获取的，as seen here。

如果我将整个 _nuxt 文件夹部署到 S3，那么我无法将 index.html 作为主页发送，因为它不在根目录中。

访问 website.s3.com/_nuxt 显示加载器，但在控制台中显示错误：加载块 {n} 失败。

如何将 Nuxt SPA PWA 部署到 s3？

Answer 1

TLDR;使用nuxt generate 创建dist 目录并上传。仅适用于通用应用。

来自here，

• nuxt build

  • 将 nuxt 应用程序构建为 Node.js 服务器
  • nuxt start 运行 .nuxt/index.js 中的代码。
  • 为此，您需要一个服务器进程（Heroku、Docker 等）

• nuxt generate

  • 将您的 nuxt 应用构建为静态站点
  • options for deployment here