ERR_FILE_NOT_FOUND JS 和 CSS 文件在没有网络服务器的情况下在本地提供

Question

我无法将我的 CSS 或其他文件链接到我的 HTML。我总是得到错误：

 Failed to load resource: net::ERR_FILE_NOT_FOUND

奇怪的是它可以在我的项目合作伙伴的计算机上运行。这怎么可能？我们有相同的代码。

这是我的代码的一部分：

 <link href="/css/bootstrap.min.css" rel="stylesheet">
<link href="/css/custom.css" rel="stylesheet">
<script src="/js/jquery.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/register.js"></script>
<script src="/js/login.js"></script>

原文由 Shalomi90 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

不看你的目录结构就很难知道。但似乎从您的文件路径中删除领先的 / 可能会解决问题。我敢打赌您无意中引用了绝对路径而不是相对路径。

 <link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/register.js"></script>
<script src="js/login.js"></script>

原文由 TrampolineTales 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

前导斜杠表示您要从根目录链接文件。如果您在 http://www.example.com 上查看此页面，文件将从 http://www.example.com/css/bootstrap.min.css 链接，即使您当前的页面是 http://www.example.com/folder/folder/page.html 。

由于您只使用没有网络服务器的 Windows，因此根是 C:// 。一种解决方案是使用相对路径而不是绝对路径。

例如：

 <link href="css/bootstrap.min.css" rel="stylesheet">

在前面的示例中，如果您当前的页面是 http://www.example.com/folder/folder/page.html ，那么您链接的文件（使用相对路径）将位于 http://www.example.com/folder/folder/css/bootstrap.min.css 中。

原文由 Mark 发布，翻译遵循 CC BY-SA 3.0 许可协议