AWS S3 CSS가 반영되지 않을 때
처음에
s3에 boto3을 사용하여 index.html, main.js, style.css를 업로드했습니다. URL을 열면 자바스크립트가 움직이고 있다는 것을 알았다. 그러나 style.css는 반영되지 않았다.
메타데이터 편집
1단계
style.css를 클릭하고 개체 동작을 클릭합니다.
2단계
메타데이터 수정을 클릭합니다.
3단계
아래의 "값"이 "text/html"이므로 "text/css"로 편집
편집 후
4단계
오렌지 메타데이터의 편집 버튼을 누릅니다.
이것으로 반영된다! ! !
라고 생각이나 반영되지 않았습니다.
왜! ! !
캐시 삭제
캐시를 삭제하면 반영되었습니다 ...
(・∀・)쿤!!
다시 설정한 후에는 반드시 캐시 삭제
다음 기사를 참고로
boto3
upload.py
import boto3
def get_content_type_dict():
content_dict = {'html': 'text/html',
'css': 'text/css',
'js': 'text/javascript',
'jpeg': 'image/jpeg',
'png': 'image/png',
'csv': 'text/csv',
'json': 'application/json',
'pdf': 'application/pdf'}
return content_dict
def upload(up_file, bucket, object_name, credentials):
session = boto3.Session(aws_access_key_id=credentials[0],
aws_secret_access_key=credentials[1],
aws_session_token=credentials[2])
s3_client = session.client('s3')
type_dict = get_content_type_dict()
content_type = type_dict[os.path.splitext(object_name)[1].strip('.')]
try:
s3_client.upload_file(up_file, bucket, object_name,
ExtraArgs={'ContentType': content_type,
'ACL': 'public-read'})
이런 식으로 확장자에 따라 업할 때 메타 데이터를 설정하면 편할지도
Content-Type은 다음 기사를 참조했습니다.
htps : // 코 m / 아키히로 타카 무라 / ms / b93f 511465f52b
ExtraArgs 되는 것의 존재는 아래의 기사가 참고가 되었다
htps : // 코 m / 짱 s p / ms / 에카 d5f20659cf138419b
의문
main.js는 메타데이터가 text/html에서도 움직인다
참고문헌
로컬 환경에서 CSS가 반영되지 않을 때 검토해야 할 httpd 설정
htps : // 호다ぉg. 이 m / h tpd - 에나 b ぇ 센 d
Content-Type 목록
htps : // 코 m / 아키히로 타카무라 / ms / b93f 511465f52b
boto3에서 S3에 업로드 한 이미지가 브라우저에서 표시되면 다운로드됩니다.
h tps://는 ck-ぇ. 코 m / 보토 3-s3-b 여 w r /
Python + boto3로 S3에 이미지 업로드 및 게시
htps : // 코 m / 짱 s p / ms / 에카 d5f20659cf138419b
Reference
이 문제에 관하여(AWS S3 CSS가 반영되지 않을 때), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/quryu/items/b1c28b25986014010a32
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
1단계
style.css를 클릭하고 개체 동작을 클릭합니다.
2단계
메타데이터 수정을 클릭합니다.
3단계
아래의 "값"이 "text/html"이므로 "text/css"로 편집
편집 후
4단계
오렌지 메타데이터의 편집 버튼을 누릅니다.
이것으로 반영된다! ! !
라고 생각이나 반영되지 않았습니다.
왜! ! !
캐시 삭제
캐시를 삭제하면 반영되었습니다 ...
(・∀・)쿤!!
다시 설정한 후에는 반드시 캐시 삭제
다음 기사를 참고로
boto3
upload.py
import boto3
def get_content_type_dict():
content_dict = {'html': 'text/html',
'css': 'text/css',
'js': 'text/javascript',
'jpeg': 'image/jpeg',
'png': 'image/png',
'csv': 'text/csv',
'json': 'application/json',
'pdf': 'application/pdf'}
return content_dict
def upload(up_file, bucket, object_name, credentials):
session = boto3.Session(aws_access_key_id=credentials[0],
aws_secret_access_key=credentials[1],
aws_session_token=credentials[2])
s3_client = session.client('s3')
type_dict = get_content_type_dict()
content_type = type_dict[os.path.splitext(object_name)[1].strip('.')]
try:
s3_client.upload_file(up_file, bucket, object_name,
ExtraArgs={'ContentType': content_type,
'ACL': 'public-read'})
이런 식으로 확장자에 따라 업할 때 메타 데이터를 설정하면 편할지도
Content-Type은 다음 기사를 참조했습니다.
htps : // 코 m / 아키히로 타카 무라 / ms / b93f 511465f52b
ExtraArgs 되는 것의 존재는 아래의 기사가 참고가 되었다
htps : // 코 m / 짱 s p / ms / 에카 d5f20659cf138419b
의문
main.js는 메타데이터가 text/html에서도 움직인다
참고문헌
로컬 환경에서 CSS가 반영되지 않을 때 검토해야 할 httpd 설정
htps : // 호다ぉg. 이 m / h tpd - 에나 b ぇ 센 d
Content-Type 목록
htps : // 코 m / 아키히로 타카무라 / ms / b93f 511465f52b
boto3에서 S3에 업로드 한 이미지가 브라우저에서 표시되면 다운로드됩니다.
h tps://는 ck-ぇ. 코 m / 보토 3-s3-b 여 w r /
Python + boto3로 S3에 이미지 업로드 및 게시
htps : // 코 m / 짱 s p / ms / 에카 d5f20659cf138419b
Reference
이 문제에 관하여(AWS S3 CSS가 반영되지 않을 때), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/quryu/items/b1c28b25986014010a32
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
upload.py
import boto3
def get_content_type_dict():
content_dict = {'html': 'text/html',
'css': 'text/css',
'js': 'text/javascript',
'jpeg': 'image/jpeg',
'png': 'image/png',
'csv': 'text/csv',
'json': 'application/json',
'pdf': 'application/pdf'}
return content_dict
def upload(up_file, bucket, object_name, credentials):
session = boto3.Session(aws_access_key_id=credentials[0],
aws_secret_access_key=credentials[1],
aws_session_token=credentials[2])
s3_client = session.client('s3')
type_dict = get_content_type_dict()
content_type = type_dict[os.path.splitext(object_name)[1].strip('.')]
try:
s3_client.upload_file(up_file, bucket, object_name,
ExtraArgs={'ContentType': content_type,
'ACL': 'public-read'})
이런 식으로 확장자에 따라 업할 때 메타 데이터를 설정하면 편할지도
Content-Type은 다음 기사를 참조했습니다.
htps : // 코 m / 아키히로 타카 무라 / ms / b93f 511465f52b
ExtraArgs 되는 것의 존재는 아래의 기사가 참고가 되었다
htps : // 코 m / 짱 s p / ms / 에카 d5f20659cf138419b
의문
main.js는 메타데이터가 text/html에서도 움직인다
참고문헌
로컬 환경에서 CSS가 반영되지 않을 때 검토해야 할 httpd 설정
htps : // 호다ぉg. 이 m / h tpd - 에나 b ぇ 센 d
Content-Type 목록
htps : // 코 m / 아키히로 타카무라 / ms / b93f 511465f52b
boto3에서 S3에 업로드 한 이미지가 브라우저에서 표시되면 다운로드됩니다.
h tps://는 ck-ぇ. 코 m / 보토 3-s3-b 여 w r /
Python + boto3로 S3에 이미지 업로드 및 게시
htps : // 코 m / 짱 s p / ms / 에카 d5f20659cf138419b
Reference
이 문제에 관하여(AWS S3 CSS가 반영되지 않을 때), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/quryu/items/b1c28b25986014010a32
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
로컬 환경에서 CSS가 반영되지 않을 때 검토해야 할 httpd 설정
htps : // 호다ぉg. 이 m / h tpd - 에나 b ぇ 센 d
Content-Type 목록
htps : // 코 m / 아키히로 타카무라 / ms / b93f 511465f52b
boto3에서 S3에 업로드 한 이미지가 브라우저에서 표시되면 다운로드됩니다.
h tps://는 ck-ぇ. 코 m / 보토 3-s3-b 여 w r /
Python + boto3로 S3에 이미지 업로드 및 게시
htps : // 코 m / 짱 s p / ms / 에카 d5f20659cf138419b
Reference
이 문제에 관하여(AWS S3 CSS가 반영되지 않을 때), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/quryu/items/b1c28b25986014010a32텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)