将Nuxt PWA部署到s3

时间:2018-07-19 16:41:54

标签: amazon-s3 vuejs2 nuxt.js

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

如果我将整个_nuxt文件夹部署到S3,则无法将index.html作为主页发送,因为它不在root中。

访问website.s3.com/_nuxt显示加载程序,但在控制台中显示错误:加载块{n}失败。

如何将Nuxt SPA PWA部署到s3?

1 个答案:

答案 0 :(得分:1)

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

here

  • nuxt build

    • 将nuxt应用构建为Node.js服务器
    • nuxt start运行.nuxt/index.js中的代码。
    • 为此,您需要一个服务器进程(Heroku,Docker等)
  • nuxt generate