使用 xampp 未在 localhost 上加载 css 文件

Posted 2023-02-25

【中文标题】使用 xampp 未在 localhost 上加载 css 文件

【英文标题】：css file is not loading on localhost using xampp

【发布时间】：2021-10-06 08:56:27

【问题描述】：

我正在尝试在本地主机上的 php 文件中包含 css 和 js 文件：

<link rel="stylesheet" href="http://localhost/neu/css/bootstrap.min.css" type="text/css" charset="utf-8" />
<link rel="stylesheet" href="http://localhost/neu/css/jquery-ui.css" type="text/css" charset="utf-8" />
<script type="text/javascript" src="http://localhost/neu/scripts/jquery-3.5.1.min.js"></script>
<script type="text/javascript" src="http://localhost/neu/scripts/jquery-ui.js"></script>
<script type="text/javascript" src="http://localhost/neu/scripts/bootstrap.min.js"></script> 

我正在使用具有这种结构的 xampp：

css 文件：

php 文件：

在网站的源代码视图中，我可以单击 .css 和 .js 文件的链接，并显示正确的文件。

我也尝试了href="neu/css/...，但同样，.css 和 .js 没有加载到我的页面上。 还尝试从外部加载 .css（如 <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet">），但还是一样。

所以 xampp 可能会以某种方式阻止链接？谢谢

编辑：

开发者工具截图：

【问题讨论】：

您在浏览器控制台中看到任何错误吗？

您的 PHP 是否正在尝试将这些 css 和 js 文件添加到 neu 文件夹中？

@zihad no 我没有看到任何错误

@Aldin 是的，我使用 php 帮助文件来包含 html 头

我已经删除了 PHP 标记，因为这个问题中没有 PHP 代码，只有 HTML（可能还有 CSS 和 JS 链接/引用）。您对在 HTML（页面）上下文中链接文件的理解是什么？

【参考方案1】：

如果您的根文件夹是 neu，那么我认为没有必要在地址中添加帽子。尝试使用 ....href="css/... 此外，当我添加 css 直到我清除缓存时，有时我的风格没有变化...。我认为在你的情况下是地址，然后尝试清除缓存

【讨论】：

欢迎来到 Stack Overflow！请将其表述为有条件的解释性答案，以避免给人提出澄清问题而不是回答的印象（应该使用评论而不是答案，比较meta.stackexchange.com/questions/214173/…）。例如像“如果你的问题是......那么解决方案是......因为......。”

从链接中删除 htt://localhost/localhost/neu 它应该可以工作