如何修复styles.css：1加载资源失败：服务器响应状态为404？答案

【问题标题】：How can I fix styles.css:1 Failed to load resource: the server responded with a status of 404?如何修复styles.css：1加载资源失败：服务器响应状态为404？
【发布时间】：2021-03-22 06:21:17
【问题描述】：

我正在尝试学习 django，而我的 css 文件无法与 html 文件 idk 链接，为什么

这是静态文件夹的树：

├── images
├── js
├── plugins
└── styles
    └── styles.css

settings.py

STATIC_URL = '/static/'

STATICFILES_DIR = [
    os.path.join(BASE_DIR, 'static')
]

index.html

<!DOCTYPE html>
<html lang="en" dir="ltr">
    <head>
        <meta charset="utf-8">
        <title>Register</title>
        {% load static %}
        <link rel="stylesheet" href="{% static './styles/styles.css' %}">
    </head>
    <!-- <script src="../data/script-clac.js" type="text/javascript"></script> -->
    <body class="body1">
        <div class="div1">
            <h2>Register</h2>
            <p class="text">Name</p>
            <input type="text" placeholder="Enter your name" id="name">
            <p class="text">Username</p>
            <input type="text" placeholder="Choose a username" id="username">
            <p class="text">Password</p>
            <input type="password" placeholder="Choose a password" id="password">
            <p id="result"></p>
            <input type="checkbox" onclick="myFunction()">Show Password

            <button id="btn">Calculate</button>
        </div>
    </body>
</html>

错误信息：

styles.css:1 加载资源失败：服务器响应状态为 404（未找到）

我一直在努力解决这个问题，请帮助我。

另外，这是我的项目目录

【问题讨论】：

这能回答你的问题吗？ django html template can't find static css and js files

标签： python django django-staticfiles

【解决方案1】：

尝试删除此行中的 ./

<link rel="stylesheet" href="{% static './styles/styles.css'%}">

试试这个

<link rel="stylesheet" href="{% static 'styles/styles.css'%}">

【讨论】：

``` GET 127.0.0.1:8000/static/styles/styles.css net::ERR_ABORTED 404（未找到）``` 另一个错误``` ```

【解决方案2】：

自从我使用 Django 以来已经有一段时间了，但对我来说，问题似乎出在 <link rel="stylesheet" href="{% static './styles/styles.css' %}"> 中。这将创建一个类似于 /static/./styles/styles.css 的 css 文件路径，这就是找不到该文件的原因（因此是 404）。

你要链接的是/static/styles/styles.css，所以开头的./应该去掉。

【讨论】：

``` GET 127.0.0.1:8000/static/static/styles/styles.css net::ERR_ABORTED 404（未找到）`` ``` ``` 另一个错误
我假设路径实际上不是127.0.0.1:8000/static/static/styles/styles.css。 <link rel="stylesheet" href="{% static '/static/styles/styles.css' %}"> - 此行应为 <link rel="stylesheet" href="{% static 'styles/styles.css' %}">。
您的 BASE_DIR 是否正确指向 Registrations 文件夹？

【解决方案3】：

在设置文件中添加STATICFILES_DIRS

例如：

STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'static')
]

【讨论】：