MacOS系统下Django项目链接CSS文件时提示file not found报错求助

这个404报错是因为Django有独立的静态资源管理规则，直接在HTML里写CSS相对路径无法被Django正确识别路由，所以请求不到资源，按照以下步骤操作即可解决：

• 第一步：调整静态文件存放路径
  在你的Django应用（App）目录下新建名为static的文件夹，把你的style.css文件放到这个文件夹里。如果你想用全局静态目录，就在项目根目录新建static文件夹，然后在settings.py中添加配置：

  STATICFILES_DIRS = [BASE_DIR / 'static']
  

• 第二步：确认settings.py静态配置
  首先检查INSTALLED_APPS列表中已经包含django.contrib.staticfiles（默认生成的项目都会自动添加），再确认存在以下配置：

  STATIC_URL = 'static/'
  

• 第三步：修改HTML模板代码
  在HTML文件最顶部加载Django静态文件标签，再修改link标签的href属性，修改后的完整代码如下：

  {% load static %}
  <html>
      <head>
          <title>Webpage</title>
          <link rel="stylesheet" href="{% static 'style.css' %}"> 
      </head>
      <body>
         <p>Webpage</p>
      </body>
  </html>
  

• 第四步：重启服务验证
  停止当前运行的python manage.py runserver进程，重新启动后刷新网页即可看到样式生效。

内容的提问来源于stack exchange，提问作者VaclavJirka