Aws s3 存储桶静态 webhosting-在 index.html 中找不到 css 和 js 文件答案

【问题标题】：Aws s3 bucket static webhosting- css and js files not found in index.htmlAws s3 存储桶静态 webhosting-在 index.html 中找不到 css 和 js 文件
【发布时间】：2021-03-17 05:33:16
【问题描述】：

我已成功在 s3 存储桶中托管了一个静态网站，但 CSS、JS 文件和图像路径出现如下错误。由于该 UI 显示不正确。

所有 JS、CSS 和图像都在 assets 文件夹中。

提前致谢。

【问题讨论】：

您使用的存储桶的具体设置是什么？
Static Web Hosting => Enabled, Permission access is => Public, 桶策略如下 { "Version": "2012-10-17", "Statement": [ { "Sid" : "PublicReadGetObject", "Effect": "Allow", "Principal": "", "Action": "s3:GetObject", "Resource": "arn:aws:s3:::frontend/ i>" } ] }
需要启用或禁用任何设置，然后告诉我。 = @Marcin
另外，请确保大小写正确 - 并非所有网络主机都区分大小写，但 s3 网站是。
区分大小写是正确的，我已经检查了。

标签： amazon-web-services amazon-s3 amazon-cloudfront web-hosting

【解决方案1】：

解决方案 1 => 我找到了解决方案，问题是我没有在 S3 存储桶上创建的文件夹结构。

assets/css/filename.css
assets/js/filename.js

创建与项目中相同的文件夹结构，并在相应文件夹中上传文件。

解决方案 2 => 您可以删除路径，只需将文件名放入 index.html 像这样。

  <link rel="stylesheet" href="bootstrap.min.css" lazyload="1">

它对我有用，都是解决方案。

【讨论】：