同一AWS S3存储桶内文件夹间文件访问及JS引用方法

嘿，这个问题其实挺常见的，尤其是在用S3做静态网站托管的时候。我来一步步给你说清楚：

核心概念先搞懂 #

首先要明确：AWS S3里的“文件夹”并不是真正的系统目录，只是用来组织对象的键前缀。比如folder1/index.html其实是一个单独的对象，它的完整键就是folder1/index.html；同理folder2/array.js的键是folder2/array.js。理解这个，路径引用就清晰多了。

问题1：如何从S3一个文件夹访问同桶另一个文件夹的文件？ #

分两种常见场景：

• 网页/前端文件引用：用基于桶根的绝对路径或者相对路径就行，前提是目标文件有对应的访问权限（比如公开可读）。
• 通过AWS SDK访问：直接指定目标文件的完整键（比如folder2/array.js），同时确保你的IAM身份（比如EC2角色、本地SDK凭证）有访问该对象的权限。

问题2：具体场景的代码示例 #

针对你说的情况：桶内有folder1/index.html和folder2/array.js，要从index.html里引用这个JS文件，有两种写法：

写法1：基于桶根的绝对路径 #

斜杠开头表示从桶的根目录开始查找，这种方式在静态网站托管下最稳妥：

<html>
<head>
    <script type="text/javascript" src="/folder2/array.js"></script>
</head>
<body>
    <input type="button" onclick="go()" value="Display JS Array"/>
    <script>
        go();
    </script>
</body>
</html>

写法2：相对路径 #

因为index.html在folder1里，要回到上一级目录再进入folder2，所以用../来跳转：

<html>
<head>
    <script type="text/javascript" src="../folder2/array.js"></script>
</head>
<body>
    <input type="button" onclick="go()" value="Display JS Array"/>
    <script>
        go();
    </script>
</body>
</html>

关键注意事项 #

• 权限配置：一定要确保index.html和array.js都设置了合适的访问权限——如果是静态网站，通常设置为公开可读；如果是私有内容，需要用签名URL或者IAM权限来访问。
• 静态网站托管配置：如果你的桶启用了静态网站托管，记得用S3提供的静态网站域名（比如http://your-bucket.s3-website-us-east-1.amazonaws.com）来访问，而不是S3对象存储的默认域名，这样路径引用才能正常解析。

内容的提问来源于stack exchange，提问作者Subhasish Sahu