Amazon web services 如何使用git将nuxt SSR应用程序部署到AWS Amplify

我一直在尝试将nuxt SSR应用程序部署到AWS Amplify。 我的目录结构如下所示

my-nuxt-app
|-.nuxt(contains view, dist etc.)
|-assets
|-components
|-layouts
|-pages
|-plugins
|-static
|-store
|-.gitignore
|-nuxt.config.js
|-package.json
|-package-lock.json
|-secrets.json(has my env configs)

我试图做的是将我的nuxt应用程序文件夹作为git存储库进行管理，并通过AWS Amplify部署存储库。我一直在寻找将应用程序部署到AWS的方法，但似乎没有人在完整演练中真正描述过

到目前为止我所做的：

我试过放大 到

baseDirectory:dist

就像大多数说明书所说的那样。 获取

“dist”未找到

我试过放大 到

baseDirectory:.numxt/dist

得到了

2020-11-05T06:00:05.617Z[错误]：！！！构建失败2020-11-05T06:00:05.617Z[错误]：！！！检测到非零退出代码

我尝试更改buildDir并将其作为一个单独的git回购。
（手动将package.json复制到文件夹中）
它构建得很好，并已确认，但URL将显示502错误页面

Lambda函数结果验证失败：函数尝试添加、删除或更改只读标头。目前无法连接到此应用或网站的服务器。可能存在过多流量或配置错误。请稍后重试，或与应用程序或网站所有者联系。如果您通过CloudFront向客户提供内容，您可以通过查看CloudFront文档来查找故障排除步骤并帮助防止此错误。

我不知道我遗漏了什么，也不知道我应该如何正确地使用git管理nuxt项目。
我正在使用Amplify控制台，并已将其配置为指向Bitbucket git存储库中的特定分支

我得到了与上面相同的错误

解决方案是在Amplify控制台中转到Amplify Settings->Build Settings，然后编辑Amplify.yml“App Build specification”，如下所示。
具体变化如下：


将build命令更改为“生成”，其中在package.json中将“generate”定义为“nuxt generate”
将baseDirectory更改为dist/，这是生成纱线的目标输出目录

请注意，我使用的是纱线（不是npm），我的目标是SPA（但它也适用于SSR）

版本：1
前端：
阶段：
预构建：
命令：
-纱线安装
建造：
命令：
-成纱
人工产品：
#重要信息-请验证生成输出目录
基本目录：dist/
文件夹：
- '**/*'
隐藏物：
路径：
-节点单元/**/*
我正在使用Amplify控制台，并已将其配置为指向Bitbucket git存储库中的特定分支

我得到了与上面相同的错误

解决方案是在Amplify控制台中转到Amplify Settings->Build Settings，然后编辑Amplify.yml“App Build specification”，如下所示。
具体变化如下：


将build命令更改为“生成”，其中在package.json中将“generate”定义为“nuxt generate”
将baseDirectory更改为dist/，这是生成纱线的目标输出目录

请注意，我使用的是纱线（不是npm），我的目标是SPA（但它也适用于SSR）

版本：1
前端：
阶段：
预构建：
命令：
-纱线安装
建造：
命令：
-成纱
人工产品：
#重要信息-请验证生成输出目录
基本目录：dist/
文件夹：
- '**/*'
隐藏物：
路径：
-节点单元/**/*
我能够使用npm进行部署：

version: 1
frontend:
  phases:
    preBuild:
      commands:
        - npm install
    build:
      commands:
        - npm run generate
  artifacts:
    # IMPORTANT - Please verify your build output directory
    baseDirectory: dist
    files:
      - '**/*'
  cache:
    paths:
      - node_modules/**/*

我能够使用npm进行部署：

version: 1
frontend:
  phases:
    preBuild:
      commands:
        - npm install
    build:
      commands:
        - npm run generate
  artifacts:
    # IMPORTANT - Please verify your build output directory
    baseDirectory: dist
    files:
      - '**/*'
  cache:
    paths:
      - node_modules/**/*

我认为这篇文章描述了如何部署静态nuxt spa应用程序来增强功能。不是ssr？放大上的ssr似乎很新。我还没有弄清楚如何让它也能工作，但我正在与AWS支持部门合作，希望能找到一个关于如何实现它的答案。我想这篇文章描述了如何部署静态nuxt spa应用程序来增强它。不是ssr？放大上的ssr似乎很新。我还没有弄明白如何让它也工作，但我正在与AWS支持部门合作，希望能得到一个关于如何工作的答案。我正在寻找一些帮助/指南，以自2020年9月以来设置Amplify+Nuxt SSR（！）。还没有运气。@Tebe同样的事情！我在Amplify团队的文章中发现，他们添加了SSR（next/nuxt）支持，但并没有提供明确的说明来实现这一点。展望未来，我计划将我的项目发布为SPA，然后将其转换为SSR。希望有人能在不久的将来发布一种方法。我想从2020年9月开始寻找一些帮助/指南来设置Amplify+Nuxt SSR（！）。还没有运气。@Tebe同样的事情！我在Amplify团队的文章中发现，他们添加了SSR（next/nuxt）支持，但并没有提供明确的说明来实现这一点。展望未来，我计划将我的项目发布为SPA，然后将其转换为SSR。希望有人在不久的将来发布一种方法来实现这一点。您应该使用npm ci而不是npm安装：）您应该使用npm ci而不是npm安装：）