css教程Django修改了css文件不生效怎么办

解决方法：1、正确配置“settings.py”文件里的“STATIC_URL”和“STATIC_ROOT”；2、执行“python manage.py collectstatic”命令；3、重启gunicorn和nginx即可。

前端（vue）入门到精通课程：进入学习
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具：点击使用

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

将Django部署到服务器之后，每一次在本地端对网站的修改都需要在服务端进行同步，在写本文之前，我还以为只是把源码保持同步就可以了，没想到却遇到了今天的问题。

修改了main.css文件之后，然后我通过git对网站进行了同步，代码已经成功同步到了服务器上。但就是无法正常显示，经一番查找探究之后，我发现了修改css等静态文件的正确姿势…

1.配置文件

首先应该改确保你项目下的settings.py文件已经正确配置了STATIC_URL和STATIC_ROOT：

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

请注意引号里面的"/"，多一个或者少一个/"，都会使你的修改无法生效，我就是因为这里多了一个"/"，翻了车。那这两个参数具体是什么意思呢？

STATIC_ROOT是一个绝对地址，它是在Django部署的时候才会用到，它所对应的文件夹是存放被从项目各个地方收集来的静态文件，因为一个Django可能有多个APP，相应的，每个APP可能都会有自己的static文件，将各个APP中的静态文件收集到一起是为了nginx统一使用。那这些文件是由谁来收集的呢？这个问题会在第二步的时候说到。

STATIC_URL的作用就是为了能够浏览器访问到你的静态文件，起到了一个映射的作用。一般默认设置为"/static/"

2.收集文件

本地css文件同步到服务器之后，只是同步到了对应APP下面的static文件夹里面，但是nginx等调用的是你设置的STATIC_ROOT文件夹下的文件，所以代码同步之后我们要进行这个非常重要的操作：

python manage.py collectstatic

运行完这条代码之后，刚刚修改的main.css文件将会被收集到网站根目录下的static文件中，等待nginx的调用。

3.重启服务

前两步做完之后，你还需要重启一下gunicorn和nginx，不过我没有重启也生效了，如果没有生效的话建议执行此步骤。

# 查看gunicorn进程ID
pstree -ap | grep gunicorn

# 重启进程
kill -HUP ID

推荐学习：css视频教程

以上就是Django修改了css文件不生效怎么办的详细内容，更多请关注zzsucai.com其它相关文章！