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

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

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

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

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

  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'),
      ]
      
  • 2
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值