Javascript 在没有Web服务器的本地服务的JS和CSS文件中找不到错误文件

我无法将CSS或其他文件链接到HTML。我总是会出错：

加载资源失败：net:：ERR\u未找到文件

奇怪的是，它在我的项目伙伴的电脑上工作。这怎么可能？我们有相同的代码

这是我代码的一部分：

<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>

---

如果不查看目录结构，就很难知道。但是从文件路径中删除前导的

/

似乎可以解决这个问题。我敢打赌，您无意中引用了一条绝对路径，而不是相对路径

<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>

---

前导斜杠表示要从根目录链接文件。如果您正在查看此页面，例如

http://www.example.com

文件将从

http://www.example.com/css/bootstrap.min.css

，即使当前页面是

http://www.example.com/folder/folder/page.html

因为您只使用Windows而不使用webserver，所以根目录是

C://

。解决方案是使用相对路径而不是绝对路径

例如：

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

在上一个示例中，您链接的文件（具有相对路径）将位于

http://www.example.com/folder/folder/css/bootstrap.min.css

如果当前页面为

http://www.example.com/folder/folder/page.html

您的URL使用绝对路径（即，它们以

/

开头）这使得它们相对于网站的根

当您想要编写以下链接时，这非常好：

• 在网站上的任何地方工作，即使HTML在路径段中具有不同数量的

  /

  的页面之间共享，因为您的主导航可能是
• 在开发环境和生产环境中工作

在这种情况下，它失败了，因为您的开发环境不涉及web服务器

您直接从本地硬盘将文件加载到浏览器中，而无需通过HTTP服务器。这使网站的根目录成为硬盘的根目录（而不是保存文件的文件夹）

解决方案：安装HTTP服务器，并告诉浏览器从

http://localhost

---

这将提供其他好处，例如能够在开发环境中测试Ajax代码。

html文件的路径是什么？css和js子文件夹是否相同？您应该使用web服务器。如果在html所在的同一目录中有css和js文件夹，请尝试使用例如href=“css/bootstrap.min.css”，删除第一条斜线。你需要添加你的文件结构。谢谢各位，我正在尝试正确的方法now@Addy2311文件路径应与HTML文件相对。问题要么是绝对路径，要么是在没有Web服务器的情况下访问HTML文件。