javascript - 如何让我的 HTML 文件访问 Amazon S3 存储桶中的 CSS 和 JavaScript 文件?

标签 javascript html css amazon-web-services amazon-s3

我目前正在尝试在 AWS S3 上托管一个 html 文件作为网站,以绕过 CORS 政策。当我将所有文档放入一个新存储桶时,html 文件打开时没有访问存储桶中的 css 或 javascript。当我在存储桶外(即从我的计算机)打开文件时。该页面打开时所有的 css 和 javascript 都在工作。我想知道如何让我的 css 和 javascript 在存储桶中工作。

我有一些想法可能有助于解决这个问题,但我不知道如何实现它们。我不确定是否有额外的权限我必须授予我的文件以允许它们相互访问。我也不确定 html 文件的代码中是否有必须更改的内容。非常感谢任何帮助!

最佳答案

您可以为 s3 存储桶使用静态虚拟主机,请参阅 [1]。

否则它只是一个数据容器,您可以在其中加载文件表单,并且引用文件的上下文与存储桶 + 路径不直接匹配 - 我猜。

很遗憾,目前我没有更好的解释。

或者,如果文件是公开可用的,您也许还可以在 html 中提供存储桶中文件的完整路径。

但这不是很好或可维护的(如果它能工作的话)。

[1] https://docs.aws.amazon.com/en_en/AmazonS3/latest/user-guide/static-website-hosting.html

关于javascript - 如何让我的 HTML 文件访问 Amazon S3 存储桶中的 CSS 和 JavaScript 文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59399131/

相关文章:

php - 如何在 Windows 中运行 "brew"命令?

html - Bootstrap 创建文本区域和两个内联按钮

css - 在 Material 视差中更改图像的高度

javascript - Reactjs - 单击时将参数发送到函数

javascript - 连接两个或多个 webm 视频 blob 的部分

jquery - slider div 位置重叠在另一个 div 上

css - 样式表适用于 brackets.io 但不适用于 chrome

javascript - 向左或向右滑动图像

javascript - Angular 构建的 Visual Studio Code 'experimentalDecorators' 问题

javascript - 为什么 'complete' 参数在 jQuery 中的操作参数之前触发?