Heroku 页面无法正确加载 css

Question

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

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

DirectoryIndex public_html/index.php

在我的 index.php 文件中，link 到 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 link.

Answer 1

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

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

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

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

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

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

DirectoryIndex index.php

Heroku 页面无法正确加载 css

Heroku page won't load with proper css

html

.htaccess

heroku