heroku의 장고는 정적이지만 HTML 템플리트는 정적 템플릿을 사용하지 않습니다.

Question

나는 장고에서 나의 친구를위한 작은 조리법 웹 사이트를 만들고있다. 현재, 나는 그것을 Heroku에 배치하는 과정에 있습니다. 정적 컨텐츠에 Amazon S3를 사용하고 있습니다. CSS 및 JS를 다운로드로 S3 자체가 잘 작동 보인다 https://chiryaroti.herokuapp.com/

: 여기

는 웹 사이트입니다. 하지만, 불 덩어리에서 "요소를 검사"할 때 스타일이 붙지 않는다고 말합니다.

왜 CSS 스타일 시트를 사용하지 않는 HTML입니까?

미리 감사드립니다.

Answer 1

보안 페이지 (https)에서 안전하지 않은 리소스 (http)를 요청하면 해당 리소스가 브라우저에 의해 차단됩니다.

프로토콜 기준 경로를 사용해야합니다.

<link href="//chiryaroti.s3.amazonaws.com/css/main.css" rel="stylesheet" />