django 前端报错 MIME 类型(“text/html”)不匹配(X-Content-Type-Options: nosniff)

·  阅读 220

参考文件:Django设置 DEBUG=False后静态文件无法加载解决 www.cnblogs.com/ievjai/p/99…

  1. 问题描述 Django设置 DEBUG=False后,访问前端报错 MIME 类型(“text/html”)不匹配(X-Content-Type-Options: nosniff) 所有 css 和 js 文件都无法访问,后台显示404

在这里插入图片描述在这里插入图片描述

  1. 问题分析 出现的问题根本原因是:当我们在开发django应用时如果设置了 DEBUG = True,那么django便会自动帮我们对静态文件进行路由;但是当我们设置DEBUG = False后,这一功能便没有了,此时静态文件就会出现加载失败的情况,想要让静态文件正常显示,我们就需要配置静态文件服务了。参考官方文档docs.djangoproject.com/en/2.0/howt…

  2. 解决方式

    1. 首先修改App setting.py文件

      STATIC_URL = '/static/'
      STATIC_ROOT = 'static' ## 新增行
      STATICFILES_DIRS = [
        os.path.join(BASE_DIR, '/static/'), ##修改地方
      ]
      复制代码
    2. 修改urls.py

      from django.views import static ##新增
      from django.conf import settings ##新增
      from django.conf.urls import url ##新增
      
      
      urlpatterns = [
        path('', include('user.urls')),  
       ## 以下是新增
        url(r'^static/(?P<path>.*)$', static.serve,
            {'document_root': settings.STATIC_ROOT}, name='static'),
      ]
      复制代码
  3. 总结

    1. DEBUG = True

      # setting
      DEBUG = True
      STATICFILES_DIRS = [
          os.path.join(BASE_DIR, 'static'),
      ]
      复制代码
    2. DEBUG = False

      # setting
      DEBUG = False
      STATIC_ROOT = 'static' ## 新增行
      STATICFILES_DIRS = [
          os.path.join(BASE_DIR, '/static/'), ##修改地方
      ]
      复制代码
      # urls
      urlpatterns = [
          path('admin/', admin.site.urls),
          path('', include('RBAC.urls')),   
          *******
          *******
         
          # # 以下是新增
          url(r'^static/(?P<path>.*)$', static.serve,
              {'document_root': settings.STATIC_ROOT}, name='static'),
      ]
      复制代码
分类:
前端
标签:
收藏成功!
已添加到「」, 点击更改