【Django】django3 debug=false后静态文件丢失

最新推荐文章于 2023-08-11 17:40:18 发布

milkign

最新推荐文章于 2023-08-11 17:40:18 发布

阅读量946

点赞数

分类专栏： Django 文章标签： django python 后端

本文链接：https://blog.csdn.net/milkign/article/details/128546511

版权

Django 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

当Django的DEBUG设置为False时，静态文件无法加载，因为Django不再自动处理。解决方法包括在settings.py中配置STATIC_URL和STATIC_ROOT，并在urls.py中设置静态文件路由。方法一是使用`static()`，但可能导致TypeError，而推荐的方法二是使用`path()`结合`static.serve()`来处理静态文件路由。

摘要由CSDN通过智能技术生成

项目场景

django3.2 debug=false后静态文件丢失，无法加载页面的js文件和css文件

问题描述

前端页面控制台报错：

Refused to apply style from ‘’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.

原因分析

Django的DEBUG设置为True，表示项目以调试方式运行，这种模式下程序出错后会在前端页面和后台报出对应错误，并且Django会自动搜索静态文件。
设置DEBUG=False后，Django不会自动搜索静态文件，此时需要在ALLOWED_HOSTS里面添加程序所在的机器ip才能正常访问，并且Django会认为当前环境是生产环境，不在代理静态文件，自然也不会去搜索静态文件，程序运行需要加载静态文件时便会报404。

解决方案

1.在settings.py中配置静态文件路径

settings.py

STATIC_URL = '/static/'
STATIC_ROOT = Path(BASE_DIR, '/static/')

2.在urls.py中设置静态文件的路由

在urls.py 中导入设置路由需要的模块并设置静态文件的url路由。

方法一

urls.py

...
from django.conf import settings
from django.views import static

urlpatterns = [
    ...
]+ static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)

运行后未成功，报错TypeError: 'module' object is not callable

  File "<frozen importlib._bootstrap>", line 1006, in _gcd_import
  File "<frozen importlib._bootstrap>", line 983, in _find_and_load
  File "<frozen importlib._bootstrap>", line 967, in _find_and_load_unlocked
  File "<frozen importlib._bootstrap>", line 677, in _load_unlocked
  File "<frozen importlib._bootstrap_external>", line 728, in exec_module
  File "<frozen importlib._bootstrap>", line 219, in _call_with_frames_removed
  File "/Users/PycharmProjects/website/website/urls.py", line 27, in <module>
    ] + static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
TypeError: 'module' object is not callable

方法二（推荐）

urls.py

...
from django.conf import settings
from django.views import static

urlpatterns = [
    ...
    path(r'^static/(?P<path>.*)$', static.serve, {'document_root': settings.STATIC_ROOT}, name='static')
]