amazon-s3 - 将 Nuxt PWA 部署到 s3

标签 amazon-s3 vuejs2 nuxt.js

我想将我的 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 生成

关于amazon-s3 - 将 Nuxt PWA 部署到 s3,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51427951/

相关文章:

vue.js - Vue SSR/Episerver 解决方案中的代码拆分

javascript - 在这种情况下 CORS 策略适用于其他资源时出现问题

javascript - 在 Nuxt Js 中集成 Stripe 元素

ruby-on-rails - 如何在 Rails 中设置 AWS 凭据以进行开发?

apache-spark - 如何使用新的 Hadoop parquet magic commiter 通过 Spark 自定义 S3 服务器

node.js - 如何配置通过 Heroku/Node.js 读取的简单静态 AWS S3 图像(403 访问错误)

vue.js - 命名空间模块身份验证的重复命名空间身份验证/

elasticsearch - Postman AWS S3 快照请求 Elasticsearch

javascript - 使用 Node 提供 Vue 应用程序时,构建会导致空 HTML 页面出现语法错误

arrays - VueJS : observer object instead of Array