Django admin后台无法调用css样式文件

解决方案:

  • 在你的 settings.py 文件中,确保 STATIC_ROOT 和 STATICFILES_DIRS 已经正确配置。例如:
# settings.py
STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')
STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static')]
  • 在开发环境中,确保你已经在 urls.py 文件中添加了以下代码,以便 Django 可以正确处理静态文件:
urlpatterns = [
    path('admin/', admin.site.urls),
    path('authentication/', include('authentication.urls')),
    path('articles/', include('articles.urls')),
    path('comment/', include('comment.urls')),
    re_path(r'^media/(?P<path>.*)$', serve, {'document_root': settings.MEDIA_ROOT}),
    re_path(r'^static/(?P<path>.*)$', serve, {'document_root': settings.STATIC_ROOT}),
]
urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

这将告诉 Django 在开发环境中使用 STATIC_ROOT 作为静态文件的根目录。

  • 运行 python manage.py collectstatic 命令,以便将静态文件收集到 STATIC_ROOT
    文件夹中。确保命令执行成功,没有错误。
  • 清除浏览器缓存,然后重新加载页面。有时候,浏览器会缓存旧的静态文件,导致问题。

说明:

  • STATICFILES_DIRS:这个设置定义了Django在查找静态文件时应该搜索的目录列表。在开发过程中,你可能会在不同的应用中创建静态文件(如CSS、JavaScript和图片等)STATICFILES_DIRS 告诉 Django在哪些目录中查找这些静态文件。通常,你会将项目根目录下的 static文件夹添加到此列表中。
  • STATIC_ROOT:这个设置定义了一个目录,用于存储通过 collectstatic命令收集到的静态文件。当你准备将项目部署到生产环境时,你需要运行 collectstatic命令,它会将所有应用中的静态文件收集到一个单独的目录中。这样,你可以将这些文件部署到 Web 服务器(如 Nginx 或Apache),以便在生产环境中高效地提供静态文件。
  • 在 urls.py 文件中使用 serve 视图处理静态文件时,它需要知道 document_root 参数的值,即
    STATIC_ROOT。

总结

当运行 collectstatic 命令时,Django 会将静态文件收集到 STATIC_ROOT 指定的目录中。在 urls.py 文件中,serve 视图可以使用 STATIC_ROOT 作为 document_root 参数的值,从而正确地处理静态文件。

如果问题仍然存在,请尝试使用whitenoise库来处理静态文件。按照以下步骤操作:

1、安装whitenoise库:
pip install whitenoise

2、在settings.py中添加以下设置:
STATICFILES_STORAGE = 'whitenoise.storage.CompressedManifestStaticFilesStorage'

3、在MIDDLEWARE设置中,将whitenoise.middleware.WhiteNoiseMiddleware添加到django.middleware.security.SecurityMiddleware之后:
MIDDLEWARE = [
    # ...
    'django.middleware.security.SecurityMiddleware',
    'whitenoise.middleware.WhiteNoiseMiddleware',
    # ...
]

4、重新运行python manage.py collectstatic命令。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

大油头儿

你的鼓励将是我最大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值