使用 AWS Amplify 服務部署 Nuxt 應用程式

Deployment
, , , ,

建立專案

建立專案。

1
npx create-nuxt-app amplifyapp

部署

  1. 進到 Amplify 首頁。
  2. 點選 Deliver 的「Get started」按鈕。
  3. 選擇儲存庫。
  4. 指定要連結的專案和分支。
  5. 最後點選「Save and deploy」按鈕。

修改配置檔案

點選「Build settings」頁籤，將 amplify.yml 檔編輯如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
version: 1
frontend:
  phases:
    preBuild:
      commands:
        - npm ci
    build:
      commands:
        - echo "API_URL=$API_URL" >> .env 
        - npm run generate
  artifacts:
    baseDirectory: dist
    files:
      - '**/*'
  cache:
    paths:
      - node_modules/**/*

參考資料