django伪静态路由什么意思(2023年最新整理)

导读：今天首席CTO笔记来给各位分享关于django伪静态路由什么意思的相关内容，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

Django+Vue静态资源问题

使用 django 2.2。

一般来说，使用指令 npm run build 得到打包的 dist 包，交给 nginx 做路由转换（配置 location /static ）即可，需要的只是在django配置可访问的 index.html 路径。

但是由于需要（？）， 我想在本地进行测试，也就是说在没有 nginx， 开启 debug = True 的环境下调试。于是打开 python manage.py runserver , 结果进入首页没有出现欢迎页面，打开 dev tools ，显示是这个样子的：

解决方法：将 vue 工程文件夹在 INSTALLED_APPS 里面注册下就行。

如果不注册 app， 那么即使写入文件夹， django 也不会扫描（根目录除外）：

如上所示我在 STATICFILES_DIR 中已经写入了 blogfro （也就是 vue 文件目录） 打包完成后的 static 文件夹，但是进入首页仍然白屏。

白屏表示模板 TEMPLATES 的路径正常，但是静态文件仍然加载不出来。这就需要注册 app 。注册后就能够扫描到静态文件。

注册后就成功显示了首页：

在没有加载 app时，发现把 css 与 js 文件放在一个已经注册 app（backend）的静态文件夹中，能够正常显示。这验证了静态文件夹的扫描需要注册 app。

以我的项目为例：

在 debug 模式下，只需要 STATIC_URL 与 STATICFILES_DIR 即可。

根据 django 文档 说法， STATIC_URL 是路径的映射。服务器会将匹配到它的路径视为静态文件请求，然后进入 STATICFILES_DIR 指定目录下查找，并总是尝试返回匹配到的第一个结果。

在生产模式下（关闭 debug ），对静态文件的引用会失效。换句话说，出于性能考虑，我们不使用django服务器进行静态资源请求。我们常使用其他反代服务器进行发送。

出于这个考虑，django 使用了 collectstatic 指令，能将所有 STATICFILES_DIR 下的文件打包到 STATIC_ROOT 下。之后只要配置反代服务器应用这个静态文件夹就行了。

之后就能直接对 blogfro 进行开发了，开发完成后使用 npm run build ， 然后直接开启 django 服务器就能进行测试。最后打包上线的时候将dist下的内容复制到到 STATIC_ROOT 下，然后 python manage.py collectstatic （主要是收集 admin ）的资源。

其实问题不是完全解决，但这是因为 vue + django 造成的。

django 使用自己的静态路径索引，必然有可能与vue发生冲突，为了处理必须进行调试。

使用 django 与 vue， 意味着希望进行前后端分离，所以开发过程本身就是隔离的。双方的交集应该是最后部署的时候（vue 打包， django 开启生产模式， 反代服务器开启（如 nginx））。这时候静态文件夹归反代服务器管理，不会出现这样的问题。

由于我只有一个人（太惨了），所以产生了同时调试 vue 与 django 的需求，这才导致了上面问题的产生。

Django 静态文件与动态文件

编辑 settings：

MEDIA_ROOT 和 MEDIA_URL 代表的是用户上传后的文件保存的地方。可以理解为存放可变文件的文件夹。

这两个参数有什么用处呢？

在 Django 的 FileField 和 ImageField 这样的 Model 类中，有 upload_to 参数可选。当 upload_to 设置相关的地址后，如例子：

文件上传后将自动保存到： os.path.join(MEDIA_ROOT, upload_to) ，在本例中就是： /static/uploads/test_pictures

而 MEDIA_URL ，则代表用户可以通过怎样的 URL 来访问这些上传后的文件资源。

在本例子中，本机地址是： ， MEDIA_URL 设置为 /static/uploads/

那么通过： 文件名 就可以访问相关的上传图片或者其他文件。

STATIC_ROOT 和 STATIC_URL 则是网站中，用于网站放置的静态图片、CSS、JS 等文件的保存地址。可以理解为，保存网站运行中不会再变文件的文件夹（即不会删除或者新增）

STATIC_URL ，同 MEDIA_URL 类似；设置 STATIC_URL 为 \"/static/\" 时候，通过： 文件名 就可以访问相关的静态文件了。

STATIC_ROOT 是一个比较特殊的文件夹。这是 Django 的开发模式和部署模式区别最大的地方。

通常我们在开发模式下，可以在我们所在的 project 下建立相应的 app， 然后每个 app 下都建立相应的 static 文件夹。在开发模式下（Debug=True），Django 将为我们自动查找这些静态文件（每个app）并在网页上显示出来。然而，在部署模式下，Django 认为这些工作交由 web 服务器来运行会更有效率。

因此，在部署时，我们需要运行一下 ：

这个命令将会把每个 app 里的 static 目录下的文件 copy 到 STATIC_ROOT 这个文件夹下。

如果在部署模式下，即： （Debug=False） 访问相关网页，如： 文件名 ，将不会访问 Django下各个 App 中的 static 文件夹，而是 STATIC_ROOT 中所指定的文件夹。

为了在部署模式下正确使用，我们还需要在 urls.py 中添加以下：

这相当于告诉 Django 碰到一个 \"static\" 开头的链接时，该如何处理。

了解完以上之后，我们让图片在前端显示出来。

编写一个 show 视图函数，来传递动态图片：

然后编写 show.html ：

Django中静态文件之各个配置详解

2. STATIC_ROOT ：这个是配置静态文件存放目录，另外一个作用就是运行收集静态文件的命令（关于命令的部分后面会讲）时，最终静态文件收集存放的位置，注意， 这个配置只会在debug=false时生效（生产环境） （至于为什么之后会讲）。

4. STATICFILES_DIRS ：在实际项目开发中，如果我们的静态文件存放在一个或多个目录时，可以定义一个列表，用于存储静态文件，django默认配置并没有这个配置，如果需要，请自己定义，当项目下存在一个或多个静态资源的目录时，非常适合这样定义。注意， 这个配置只在debug=true时生效（开发环境）

8. templates ：定义HTML模板文件存放目录，如果你用的是pycharm的IDE的话，在创建项目时，可以根据配置自动创建一个templates目录，pycham会自动帮我们配置，如果没有配置，就需要手动创建，当然，你也可以选择自定义该目录

9. collectstatic :在项目部署时，我们还要进行静态文件的收集，如果手动收集静态文件的话，工程量无疑很大，而且部署后，debug肯定要改为 debug=false ，这时如果不进行静态文件的收集的话，django自带的部分，如admin后台就会出现CSS无法加载的问题，因此，项目部署前，这个操作是是必须的。

django的 django.contrib.staticfiles 提供了一个收集静态文件的命令： python manage.py collectstatic ，执行该命令后，会将静态文件收集到配置好的 STATIC_ROOT 中

django为什么要配置static

如果简单使用static，配置起来会比media要少一步，下面会比较一下。说到static，不能不说说Django开发环境和部署环境的区别，Django配置文件settings.py里的DEBUG变量就是主要的区别， DEBUG=True，说明是在开发环境（调试模式）下，DEBUG=False反之是在正式部署环境下使用。两者有很大的区别，比如缓存，出错信息的方式等等，还有今天说的静态文件的处理方式上。开发环境下静态文件都是通过Django自带的web服务器来处理的（这样会更方面）。如果把DEBUG设置成False，那么Django自带的web服务器自然不处理静态文件了，静态文件都交给nginx，apache来处理吧（这样会更高效）。

具体说说static在开发环境下怎么配置吧。

这次主要拿Django 1.4版本来做配置，这个要事先声明，因为1.4以后，Django的项目结构发生很大的变化，如果下面的配置做法放到Django 1.3上肯定不适应了，值得注意哦。staitc的配置只要在settings.py里做即可。

DEBUG=True

这个设定环境是处在开发环境下。

然后自己建立一个变量SITE_ROOT，变量不是必须的，只是为了方面重用，名字可以随意起。

import os

SITE_ROOT=os.path.join(os.path.abspath(os.path.dirname(__file__)),\'..\')

变量值项目的根目录，也就是settings.py的存放位置。

然后给静态文件变量赋值，告诉Django，静态文件在哪里

STATIC_ROOT = os.path.join(SITE_ROOT,\'static\')

说到这里，我还是说说项目文件结构吧，这个容易蒙人，比如这次的讲的项目结构如下：

myproject

----myproject

--------__init__.py

--------settings.py

--------urls.py

--------wsgi.py

----blog

--------__init__.py

--------models.py

--------views.py

--------test.py

----static

--------css

------------style.css

--------js

------------jquery.js

--------images

------------me.jpg

----media

--------upload

注意项目的结构，你会发现SITE_ROOT就是

myproject

----myproject

的路径。

STATIC_ROOT就是

myproject

----media

的路径。

好，接着配置说

STATIC_URL = \'/static/\'

给静态文件url一个后缀，在templates里用到的。

最后关键的部分是STATICFILES_DIRS以下配置

STATICFILES_DIRS = (

(\"css\", os.path.join(STATIC_ROOT,\'css\')),

(\"js\", os.path.join(STATIC_ROOT,\'js\')),

(\"images\", os.path.join(STATIC_ROOT,\'images\')),

)

简要说一下，static文件夹在项目里，有css js images 三个文件夹（看项目结构），他们的路径分别是：

os.path.join(STATIC_ROOT,\'css\')，os.path.join(STATIC_ROOT,\'js\')，os.path.join(STATIC_ROOT,\'images\')；

我们分别给他们起三个别名css，js，images（你可以随意给，不过为了易记，我们原名称指定别名了）

到这里staitc算是配置完成了，并不需要再urls.py里配置相关的东西，Django就会自动找到对的路径解析静态文件了，也是在配置上static比media少了一步。

配置好了，在templates 就能正常使用静态文件了。怎么用？拿一个templates讲解吧。

!DOCTYPE html

html lang=\"zh-CN\"

head

meta charset=utf-8

titlestaitc例子/title

link rel=\"stylesheet\" type=\"text/css\" href=\"{{STATIC_URL}}css/style.css\" media=\"screen\" /

script type=\"text/javascript\" src=\"{{STATIC_URL}}js/jquery.js\"/script

/head

body

img src=\"{{STATIC_URL}}images/me.jpg\"\" alt=\"img\"

/body

/html

注意{{STATIC_URL}}就是取配置文件settings.py里的STATIC_URL变量,解析出来的就是：/static/。

而{{STATIC_URL}}css/style.css最终解析出来的就是我们想要的：/static/css/style.css，Django会根据配置文件找到相应的文件。

快到尾声的时候，讲讲正式部署环境怎么设置吧：

DEBUG=False

首先把DEBUG设置为False，告诉Django环境是正式的非调试模式下了，然后Django就不再通过自己来处理静态页面了，最后静态文件都交给Nginx Apache来处理了。

说说Nginx怎么配置，才能正确解析静态文件吧,在一个server里添加一个location静态文件处理

location /static/ {

root /home/www-data/twogoo/myproject/;

}

这个也有一个容易犯错的地方，就是路径，有的同学常常指定这样的路径：/home/www-data/twogoo/myproject/staitc/;这样Nginx应该找不到静态文件的，因为Nginx会跑到/home/www-data/twogoo/myproject/staitc/staitc/路径里找，注意这点，静态文件处理上你会顺很多。

结语：以上就是首席CTO笔记为大家介绍的关于django伪静态路由什么意思的全部内容了，希望对大家有所帮助，如果你还想了解更多这方面的信息，记得收藏关注本站。

以上内容为新媒号(sinv.com.cn)为大家提供！新媒号，坚持更新大家所需的互联网后端知识。希望您喜欢！