Мне было интересно, как я могу развернуть статический HTML-сайт на AWS Amplify. Мне удалось развернуть его, но по какой-то причине он не загружает ресурсы, особенно изображения из папки ./img ИЛИ ./images. Вместо этого он отображается как битые изображения.
Я понимаю, что могу разместить это с помощью S3 и CDN, но в этом случае я хочу использовать Amplify, чтобы я мог автоматизировать развертывание с помощью Git.
Любая информация / помощь были бы замечательными!
Я столкнулся с этой же проблемой. Проблема в том, что ваши активы (в вашем примере ./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: []
Я поместил свою папку assets в базовый каталог, что позволило 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>
