css - heroku 上的 Django 提供静态服务，但 HTML 模板不使用它们。

Question

我正在为我在 django 的一个朋友制作一个小食谱网站。目前，我正在将其部署到 Heroku。我将 Amazon S3 用于静态内容。

这是网站：https ://chiryaroti.herokuapp.com/

似乎 S3 本身在下载 css 和 js 时运行良好。但是，当我在萤火虫中“检查元素”时，它说没有附加样式。

为什么 HTML 不使用 css 样式表？

提前致谢。

Answer 1

您在安全页面（https）中请求不安全的资源（http），这些资源被浏览器阻止。

您应该使用协议相对路径。

例如

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