ERR_FILE_NOT_FOUND，JS和CSS文件在本地提供，没有Web服务器

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>

Answer 1

如果没有看到您的目录结构，很难知道。但似乎从文件路径中删除前导startActivityForResult可能会解决问题。我愿意打赌你无意中引用了绝对路径而不是相对路径。

/

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/css/bootstrap.min.css，则您链接的文件（包含相对路径）将位于http://www.example.com/folder/folder/page.html。

Answer 3

您的网址使用绝对路径（即以/开头），这使得它们相对于网站的根目录。

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

• 在网站上的任何位置工作，即使HTML在路径段中具有不同数量/的网页之间共享，因为您的主要导航可能是
• 在开发环境和生产环境中工作

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

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

解决方案：安装HTTP服务器并告知您的浏览器从http://localhost 获取文件。

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