CSS 和 jQuery 文件上的 404答案

【问题标题】：404 on CSS and jQuery filesCSS 和 jQuery 文件上的 404
【发布时间】：2017-08-08 01:17:04
【问题描述】：

这是我的代码：

    <head>
        <link rel="stylesheet" href="http://localhost/css/estilos.css">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
        <script type="text/javascript" src="../js/jquery.min.js"></script>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</head>

该程序可以运行，但如果我使用检查元素，我会收到这些警告。谁能帮我弄清楚？

希望你能帮助我：D

【问题讨论】：

在我看来，它无法识别来自本地主机的文件路径。您的文件夹路径是否与链接路径匹配？

标签： php css twitter-bootstrap header

【解决方案1】：

问题是您错误地链接到了您的 自己的 版本的 jQuery。由于您已经从 CDN 加载了两次，因此您甚至不需要在本地加载它。只需从 CDN 加载最新版本的 jQuery 一次，也不用担心加载本地副本：

<head>
    <link rel="stylesheet" href="/css/estilos.css">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</head>

请注意，您的 CSS 和您的 jQuery 一样抛出了错误，这意味着您确实没有在http://localhost/css/estilos.css 有一个文件。我在我的分析器中使用了/css/estilos.css/，来指代root。这会将 CSS 文件指向：[root]/css/estilos.css。根据您的文件结构，您可能需要改用css/estilos.css/（不带前导斜杠）。有关相对路径的更多信息，请查看CSS Trick's article。

希望这会有所帮助！

【讨论】：

哥们，那我该怎么办？
我已经包含了您应该使用的代码。另请注意，您绝对是从 localhost 加载 CSS，这在生产中不起作用。我已将此代码更改为引用根目录，CSS 位于名为/css/ 的文件夹中。
老兄，要检查一下！但这有什么问题？ ideone.com/vxIMCn
您的链接绝对指向 localhost。由于您的网站在发布后并未在本地托管，因此链接将断开。请使用相对链接，这样无论生产环境如何，链接都可以正常工作。请参阅this answer of mine 以获取有关绝对与绝对对比的更多信息。相对链接。
伙计，我遇到了另一个问题，但这次是使用引导程序：i.gyazo.com/000b22c1a5f8cd5f7a44567719e32b62.png

【解决方案2】：

它说找不到您的本地 css 和 js 文件。看看调试面板，有404代码。

【讨论】：