一旦 HTML 文件托管在服务器上，我的 CSS 和图像就不会加载。为什么？答案

【问题标题】：My CSS and images aren't loading once the HTML file is hosted on a server. Why?一旦 HTML 文件托管在服务器上，我的 CSS 和图像就不会加载。为什么？
【发布时间】：2019-01-30 12:28:07
【问题描述】：

我将网站托管在家庭服务器上，因此我们不会通过第三方。即使我链接了 CSS，文件与 HTML 位于同一区域，并且图像都只设置了一个文件，但除了基本的 HTML 之外，什么都没有显示。

如果您遇到了 HTML 文件在托管在我们的服务器上之前工作的问题以及您是如何修复它的，请告诉我。谢谢！

当我在浏览器 (chrome) 中仅加载 HTML 文件时，一切都显示得很漂亮，但一旦我尝试托管它，一切看起来都一样。

这是我用来链接 CSS 文件和图像的一些代码，只是为了确保那里没有任何问题：

<head>
  <title>Alexandra ReganHolzheimer</title>
  <link href="pages_style.css" rel="stylesheet" type="text/css" 
media="screen">
</head>

对于图片：

<div class="container">
  <img src="img/me3.jpg" alt="me" class="logo">
</div>

更新：我想我明白了。问题原来是我的服务器不喜欢下划线，而且很多都区分大小写。你的建议非常有帮助，让我走上了正确的道路。谢谢你！

【问题讨论】：

你的文件结构是什么样的？另外，您使用的是什么服务器？
最有可能的是，您需要在当前值前面加上 /（href="pages_style.css" 变为 href="/pages_style.css"）。
在浏览器的控制台中查看由损坏的链接生成的错误。他们会告诉您他们尝试加载的内容。如果您不知道如何修改您的网址以使其正确加载，请使用其中一个错误更新您的问题。

标签： html css

【解决方案1】：

一旦你在浏览器上加载你的 URL。然后查看页面源。在 pagesource 请检查您的 css 是否加载正确。如果错误意味着请更正它然后重新加载。

【讨论】：

【解决方案2】：

当我尝试将我的一个学习项目托管到服务器上时，我遇到了类似的问题。我通过将所有引用设为相对来修复它。

例如：如果你的文件结构是这样的：

your_project / pages_style.css index.html img/

只需将您的路径从：img/me3.jpg 更改为 ./img/me3.jpg，在您的 index.html 中。

我希望它有所帮助。 :)

【讨论】：