要在Amazon S3 Bucket中让CSS和JS文件夹能够被HTML访问,需要在存储桶的权限设置中添加适当的CORS规则,并确保S3桶策略允许公有读取。
以下是一个示例解决方法,假设将所有的静态资源都上传至位于S3桶中的“static”目录中:
[
{
"AllowedHeaders": [
"*"
],
"AllowedMethods": [
"GET"
],
"AllowedOrigins": [
"*"
],
"ExposeHeaders": []
}
]
{
"Version": "2012-10-17",
"Statement": [
{
"Sid": "PublicReadGetObject",
"Effect": "Allow",
"Principal": "*",
"Action": "s3:GetObject",
"Resource": "arn:aws:s3:::my-bucket-name/static/*"
}
]
}
现在,您的静态资源应该可被从HTML中引用了。例如,如果您的CSS文件名为“style.css”,并且在S3存储桶中的路径如上所述,那么您可以在HTML中这样引用它: