如何在AWS Amplify上部署静态HTML网页



我想知道如何在AWS Amplify上部署静态HTML网站。我能够部署它,但由于某种原因,它没有加载资产,特别是来自的图像/img OR/images文件夹。它显示为破碎的图像。

我知道我可以用S3和CDN托管,但对于这个用例,我想使用Amplify,这样我就可以用Git自动部署。

任何形式的信息/帮助都将是伟大的!

我遇到了同样的问题。问题是,您的资产(在您的示例中为./images,但我只有一个资产文件夹,可能有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>

最新更新