Heroku 页面无法加载正确的 CSS答案

【问题标题】：Heroku page won't load with proper cssHeroku 页面无法加载正确的 CSS
【发布时间】：2015-03-07 04:59:02
【问题描述】：

H，我正在使用 heroku 来托管一个 php/mysql webapp。问题是当您转到应用程序页面时该页面将加载，但没有任何 css。如果我将/public_html/index.php 附加到url，那么我可以再次看到css。

在我修改我的 .htaccess 文件之前，转到主页会给我一个 404 或 403 错误，所以我在其中添加了这一行：

DirectoryIndex public_html/index.php

在我的 index.php 文件中，链接到 css 的代码是<link rel="stylesheet" href="css/styles.css">

我的目录树很简单，结构是这样的（一切都在Rhymes文件夹中）：

>public_html
  >css
    styles.css
  >img
  >js
    jquery.js
    results.js
  index.php
  test.php (random test page)
>resources
  >db_results.php
.htaccess
composer.json

我对 .htaccess 不太熟悉，但我觉得问题出在那里或 css 链接。

【问题讨论】：

标签： html .htaccess heroku

【解决方案1】：

您需要使用绝对路径，在您的 css 路径前面加上 / 如下所示或使用基本标记。

<link rel="stylesheet" href="/css/styles.css"

或者您可以将其放在您网站的head 部分。

<base href="http://example.com/">

这将确保所有链接都正确呈现。

此外，如果您的 htaccess 在 public_html 中，您的目录索引应该只是。

DirectoryIndex index.php

【讨论】：

谢谢，我试过了，但是 css 没有在本地加载。不过还没试过上传。
它仍然应该使用/在本地加载，只是告诉它从根目录开始。
谢谢，但是如果我在本地测试而不是在线测试，自动检测和更改基本标签的 php 代码是什么？
我更改了 .htaccess 文件，将其添加到头部（因为我所有的文件都在 rhymes 文件夹中），并且有这样的 css 链接：<base href="http://localhost/rhymes/"> 和 <link rel="stylesheet" href="css/styles.css"> 但 css没有在我的本地机器上加载..？
使用 Chrome 或 FF 开发工具 (F12) 查看它试图加载的路径。您会在控制台中看到 404 错误，这会告诉您它尝试加载的路径。