Как развернуть статическую веб-страницу HTML на AWS Amplify?

Мне было интересно, как я могу развернуть статический HTML-сайт на AWS Amplify. Мне удалось развернуть его, но по какой-то причине он не загружает ресурсы, особенно изображения из папки./img ИЛИ./images. Вместо этого он отображается как битые изображения.

Я понимаю, что могу разместить это с помощью S3 и CDN, но в этом случае я хочу использовать Amplify, чтобы я мог автоматизировать развертывание с помощью Git.

Любая информация / помощь были бы замечательными!

Источник

1 ответ

Я столкнулся с этой же проблемой. Проблема в том, что ваши ресурсы (в вашем примере ./images, но у меня просто есть папка с ресурсами, в которой могут быть изображения/css или что-то еще) могут быть недоступны из каталога в ваших настройках AWS Amplify Build - по крайней мере, это было мое проблема.

Допустим, у вас есть следующие настройки сборки :

      version: 1
frontend:
  phases:
    # IMPORTANT - Please verify your build commands
    build:
      commands: []
  artifacts:
    # IMPORTANT - Please verify your build output directory
    baseDirectory: blog
    files:
      - '**/*'
  cache:
    paths: []

Я поместил папку с ресурсами в базовый каталог, что позволило index.html прочитать расположение ресурсов. Например, в вашем коде index.html:

      <!DOCTYPE html>
<html lang="en">
<head>
   ... relevant meta tags etc here
   <link rel="stylesheet" href="./assets/styles.css">
</head>
<body>
</body>
</html>
Источник
Другие вопросы по тегам