我正在尝试使用 node.js 将站点部署到 Heroku，但遇到了一些问题。当我在本地运行我的网站时，它看起来和我预期的一样。然而，一旦我将它部署到 Heroku，它似乎无法识别我包含的 CSS 文件，尽管事实上它使用的是完全相同的文件和文件结构。
我已确认我的 HTML 和 CSS 代码在语法上是正确的，并且 CSS 文件正在通过 Git 推送。我通过更改 CSS 中的一件事来进行提交，以确保它被推送(确实如此)。
这是我访问 CSS 文件的方式:
<link rel="stylesheet" type="text/css" href="css/style.css">
这是一张图片，展示了该网站在本地(左)和部署在 Heroku(右)上的样子，使用的是完全相同的代码(黑框只是来 self ，遮住了一些个人详细信息)。
有谁知道为什么 Heroku 拒绝使用我的 CSS？我已经绞尽脑汁想了 2 天，想不通。
最佳答案
我遇到了完全相同的问题，碰巧我在整个代码中漏掉了一个字符。让我解释一下
当我 heroku 打开我的元素时，没有加载 css，但有趣的是，jquery 工作正常，jquery 从 css 文件中获取的 css 也很好。 css 文件不是问题。
然后我发现浏览器屏蔽了一些 content . 如果您告诉浏览器无论如何都要阅读被阻止的内容，它会毫无问题地显示该页面，但它会显示一个带有可怕的红线的 https，这不是一个选项。然后我检查浏览器阻止了哪些内容 ( blocked content ) 这是我的 Bootstrap 链接。
所以我将我的 Bootstrap 链接到 http 而不是 https。 我添加了那个字母 s，它现在工作正常。
关于html - Heroku/Node.js - 部署不加载 CSS？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33528503/