Django debug为True时,css加载失败的解决方案

django上线后，需要把setting.py文件的debug=True改为False，以防暴露代码报错问题。

因为我项目用到css的地方只有admin管理员登陆这块，没有自定义的css等，所以我的css文件夹名称定义成static

1.更改setting.py文件

STATIC_URL=‘/static/‘
STATIC_ROOT=os.path.join(BASE_DIR,'../static/')

STATIC_URL是css的加载路径，项目中如果用到了css的地方，会沿着该路径寻找这个路径下的css文件

STATIC_ROOT是存放所有的static文件，运行 python manage.py collectionstatic命令后，python会自动检索项目所有的目录，把static文件夹拷贝到STATIC_ROOT目录下。在部署的时候会用到。

2.执行下述命令

将所有的所有app下（包括Django自带的）static目录下的文件复制到STATIC_ROOT目录下

python manage.py collectionstatic

3.修改nginx配置文件

添加下述代码到nginx配置文件中

location /static {
    alias /Users/admin/PythonProject/static;
    break;
    }

server结果如下

server{
        listen 8011;
        server_name localhost;
        rewrite ^/$/ break;
        location /static {
            alias /Users/admin/PythonProject/static;
            break;
        }
        location /{
            proxy_pass http://127.0.0.1:8000;
        }
}

作用如下：当一个请求（例如，登陆请求 http://127.0.0.1:8011/admin/）通过nginx转发时，会首先到下面的location中，被转发到8000端口，调用Django项目中的admin登陆接口，登陆接口里面会请求两个css文件，分别是

http://127.0.0.1:8011/static/admin/css/login.css

http://127.0.0.1:8011/static/admin/css/base.css

这两个请求被上面的nginx配置中的第一个location匹配到，并且使用alias路径替换location路径，找到login.css文件和base.css文件。

（注意：location后面配置的路径，如果是以 / 结尾，那么匹配后的路径将不会带匹配中的字段，不带 / 结尾，将会带着匹配中的字段，详细的就不再赘述了）

这样，css文件就会被正确的加载上了。

补充：Django项目关闭debug模式后,静态文件无法加载的解决办法

近期在做OpenStack Horizon项目的相关开发，OpenStack的整体环境使用DevStack安装，horizon开发过程中直接使用命令：

python manager.py runserver

开启内置服务器，由于项目中local_settings.py文件中的DEBUG=True，进行开发和调试一直没什么问题。

但是现在需要编写404,500等出错页面，在debug模式下出了错都会出现报错页面，无法转向到404或500页面，这时我将local_settings.py中的DEBUG设为false，这时候应该可以转向到404页面。

实验证明确实如此，404和500页面都可以得到，但是出现了新的问题：css和js文件无法加载。

在网上找了找，很快就找到了问题的原因：

Django框架仅在开发模式下提供静态文件服务。

当我开启DEBUG模式时，Django内置的服务器是提供静态文件的服务的，所以css等文件访问都没有问题，但是关闭DEBUG模式后，Django便不提供静态文件服务了。

想一想这是符合Django的哲学的：这部分事情标准服务器都很擅长，就让服务器去做吧！

OK，解决问题的办法也就出现了，我最开始想到的就是，使用项目正式部署是所使用的配置，由apache提供静态文件服务。不过解决问题的方法远不止一种，在stackoverflow上我发现了更有趣的方法。

现在把自己总结的四种方法列在下面，共大家参考：

1.将静态文件由apache提供文件服务(类似正式部署)：

编辑/etc/apache2/sites-available/horizon文件：

#Alias /media /opt/stack/horizon/openstack_dashboard/static
Alias /static /opt/stack/horizon/openstack_dashboard/static

建立静态文件链接：

ln -sv /opt/stack/horizon/openstack_dashboard/static /opt/stack/horizon

重启apache:

sudo service apache2 restart

2.使用django.views.static.serve()方法

在URLconf中添加：

(r'^site_media/(?P<path>.*)$', 'django.views.static.serve',{'document_root': '/path/to/media'}),

官方文档中评价这种办法：“The big, fat disclaimer”。

3.伪造404页面：

使用正确的URL链接404页面模板；

4.改变项目运行方式：

python manage.py runserver --insecure

最后这种是stackoverflow上最受欢迎的方法，确实简单快捷！

以上为个人经验，希望能给大家一个参考，也希望大家多多支持我们。如有错误或未考虑完全的地方，望不吝赐教。

赞 (0)

相关推荐

  • 解决django后台样式丢失,css资源加载失败的问题

    就像这个图的样子: 解决方法,setting.py中DEBUG选项为True,否则无法映射到静态文件目录 以上这篇解决django后台样式丢失,css资源加载失败的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.

  • Django静态文件加载失败解决方案

    在我们平时的开发过程中,为了方便调试程序,我们都是打开开发者模式,即Debug=True,当我们正式上线的时候肯定就需要把开发者模式关掉,用uwsgi部署上去以后,突然发现我们平时辛苦做的项目的静态文件没有加载出来,卧槽,怎么办呢...当然你也不用着急,因为在人群中你多看了一眼这篇博客. 1,在静态页面使用下面的方法加载静态资源 页面要加载静态文件,而且最好是使用绝对路径,配置如下 2,在settings.py文件中配置 在settings.py新增下面代码 STATIC_URL = '/sta

  • 快速解决Django关闭Debug模式无法加载media图片与static静态文件

    开发时,通常打开Debug模式会快速定位开发时的一些问题. 项目开始部署时,关闭Debug模式,url.py路由静态文件和图片写法: # url.py from django.views import static from django.conf import settings #路由静态文件和图片 urlpatterns = [ url(r'^static/(?P<path>.*)$', static.serve, {'document_root': settings.STATIC_ROO

  • 解决Django生产环境无法加载静态文件问题的解决

    起步 线上部署时因设置了 settings.DEBUG = False 会导致静态文件都是 404 的情况.主要原因是应为关闭DEBUG模式后,Django 便不提供静态文件服务了. runserver 的启动 如果运行是通过 runserver 命令的方式,那简单,在启动 runserver 指令后追加 --insecure 选项能参数强制 django 处理静态文件. 其他方式启动 但如果是通过 uwsgi 或 daphne 等启动的话,追加选项的方式就不管用了.要解决这个问题,我们要手动去

  • 解决django无法访问本地static文件(js,css,img)网页里js,cs都加载不了

    1.今天网上下载一个博客项目,发现本地访问,js,css加载不了. 我想应该是项目上线的安全措施,但是我想调试项目.找到方法如下 在settings.py里面编辑 添加 STATICFILES_DIRS = ( os.path.join(BASE_DIR, 'static'), ) 另外把 STATIC_ROOT = os.path.join(BASE_DIR, 'static') 改为 STATIC_ROOT = os.path.join(BASE_DIR, 'static1') 即这里面的s

  • Django debug为True时,css加载失败的解决方案

    django上线后,需要把setting.py文件的debug=True改为False,以防暴露代码报错问题. 因为我项目用到css的地方只有admin管理员登陆这块,没有自定义的css等,所以我的css文件夹名称定义成static 1.更改setting.py文件 STATIC_URL='/static/' STATIC_ROOT=os.path.join(BASE_DIR,'../static/') STATIC_URL是css的加载路径,项目中如果用到了css的地方,会沿着该路径寻找这个路

  • Django添加bootstrap框架时无法加载静态文件的解决方式

    项目结构如下: 开始时在setting.py中设置如下; html文件中的写法如下: 这样设置一直无法加载静态文件,只需要修改setting.py文件如下: 就可以加载到静态文件了. 补充知识:Django-项目上线后,静态文件配置失效以及404.500页面的全局配置 一.项目上线后静态文件失效 1.因为项目还没上线的时候,django会默认从setting.py中这个设置 STATIC_URL = '/static/' STATICFILES_DIRS = ( os.path.join(BAS

  • Pycharm Plugins加载失败问题解决方案

    Pycharm Plugins加载失败问题解决方案

    IntelliJ IDEA 2020.1 插件中心一直打不开,鉴于有部分同学反馈设置http proxy不能解决,所以可按以下顺序检查 一.设置http proxy->勾上Auto-detect proxy setting,参照下图,加上地址 http://127.0.0.1:1080 或者 选择File->Setting->Appearance&Behavior->System Settings->HTTP Proxy进行配置,地址推荐用:https://plugi

  • jQuery实现页面滚动时动态加载内容的方法

    本文实例讲述了jQuery实现页面滚动时动态加载内容的方法.分享给大家供大家参考.具体分析如下: 很多网站,比如twitter,京东商城首页,会在页面滚动到一定的位置时才动态加载页面内容,这样可以加快页面打开的速度,也可以节约带宽,下面的JS代码就可以帮你做到. var loading = false; $(window).scroll(function(){ if((($(window).scrollTop()+$(window).height())+250)>=$(document).hei

  • jQuery mobile在页面加载时添加加载中效果 document.ready 和window.onload执行顺序比较

    想要添加这个效果,先来弄明白页面的加载和事件执行顺序,看这个简单例子: <html xmlns="http://www.w3.org/1999/xhtml"> <head > <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>验证加载顺序</title> <script src=

  • webpack的CSS加载器的使用

    什么是loader loader用于转换应用程序的资源文件,他们是运行在nodejs下的函数,使用参数来获取一个资源的来源并且返回一个新的来源(资源的位置),例如:你可以使用loader来告诉webpack去加载一个coffeeScript或者Babel文件. loader的解析 loader的解析类似模块,一个loader模块会导出一个方法并且可被nodejs写为可兼容的JavaScript,通常情况下通过npm来管理loader,但你也可以把loader放在自己的应用里. webpack中常

  • jquery 实现滚动条下拉时无限加载的简单实例

    思路: 通过捕捉浏览器滚动条下拉事件,触发异步加载数据的js方法,实现数据的动态添加. 脚本: var lastId=0;//记录每一次加载时的最后一条记录id,跟您的排序方式有关. var isloading = false; $(window).bind("scroll", function () { if ($(document).scrollTop() + $(window).height() > $(document).height() - 10 &&

  • Android中RecyclerView 滑动时图片加载的优化

    RecyclerView 滑动时的优化处理,在滑动时停止加载图片,在滑动停止时开始加载图片,这里用了Glide.pause 和Glide.resume.这里为了避免重复设置增加开销,设置了一个标志变量来做判断. mRecyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() { @Override public void onScrollStateChanged(RecyclerView recyclerView, in

  • 关于Spring启动时Context加载源码分析

    关于Spring启动时Context加载源码分析

    前言 本文主要给大家介绍了关于Spring启动时Context加载的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧. 测试源码下载test-annotation.zip 有如下的代码 @Component public class HelloWorldService { @Value("${name:World}") private String name; public String getHelloMessage() { return "Hell

随机推荐