因为项目原因,学习了react,Django,完成react开发项目过后,打包(做好了代码分割、压缩)放入Django中,在本地运行速度很快,结果放到服务器中,虽然某些js文件很小(只有一百多kb),但是下载速度非常慢,需要3-6秒,这样导致页面加载速度很慢,通过查询,通过gzip压缩,可以使项目js文件进行进一步压缩,极大的加快项目运行速度。现将完整的流程分享如下:

一、确保项目在服务器中运行成功(暂不做任何处理):

  比如我购买腾讯云服务,在服务器中启动Django项目,python manage.py runserver 0.0.0.0:80  (腾讯云服务公网ip会映射到此地址),在本机使用公网ip确保能访问

二、在centos中安装uwsgi

直接使用以下命令完成安装:

pip install uwsgi

1.配置uwsgi:在Django项目的根目录下,新建两个文件,uwsgi.ini( 配置文件)和run.log(日志文件)

2.在uwsgi.ini配置如下:

  

[uwsgi]
chdir = /home/myweb ----->项目根目录
module = myweb.wsgi:application ----->项目myweb/myweb/wsgi.py
socket = 127.0.0.1:8000 ----->nginx与uwsgi通信端口,与nginx配置文件中一直,下面会说
master = true ----->允许主线程存在(true)
processes=4 ----->开启的进程数量(这里是开启4个进程)
max-requests=5000 ----->最大请求数
daemonize = /home/myweb/run.log ----->上面创建的日志文件
disable-logging = true ----->表示不记录正常信息,只记录错误信息
wsgi-file = /home/myweb/myweb/wsgi.py ----->项目myweb/myweb/wsgi.py
pidfile=/home/myweb/uwsgi.pid ----->uWSGI运行后自动生成的,里面记录了uWSGI的进程号,可以用来重启uWSGI
vacuum=true ----->当服务器退出的时候自动清理环境,删除unix socket文件和pid文件

4.在项目根目录中运行以下命令进行static文件收集,这个提供ngnix静态文件

python manage.py collectstatic

3.uwsgi.ini操作

启动:uwsgi --ini uwsgi.ini
停止:uwsgi --stop uwsgi.pid
重启:uwsgi --reload uwsgi.pid

三、centos安装nginx

安装依赖

1.yum install gcc-c++  
2.yum install pcre pcre-devel
3.yum install zlib zlib-devel
4.yum install openssl openssl--devel

下载nginx

wget http://nginx.org/download/nginx-1.12.0.tar.gz 

解压缩

tar -zxvf nginx-1.12.0.tar.gz

进入目录

cd  nginx-1.12.0

安装

./configure
make
make install

centos默认安装路径:/usr/local/nginx

进入此目录:cd /usr/local/nginx/sbin

输入命令启动nginx(测试是否安装成功):./nginx

如果成功会显示以下界面:

进行nginx配置

  cd /usr/local/nginx/conf

vi nginx.conf进行编辑

插入:

    gzip  on;                              ----->启动gzip压缩
gzip_min_length 1k; ----->最小压缩为1k
gzip_buffers 4 16k; ----->以16k为单位,按照原始数据大小以16k为单位的4倍申请内存
#gzip_http_version 1.0; ----->识别http协议的版本,早起浏览器可能不支持gzip自解压,用户会看到乱码
gzip_comp_level 4; ----->等级1-9 最小的压缩最快 但是消耗cpu
gzip_types text/plain application/javascript application/x-javascript text/css text/javascript image/jpeg image/gif image/png; ------>压缩格式,这个很重要,只有对应格式才压缩
gzip_disable "MSIE [1-6]\."; ----->指定哪些不需要gzip压缩的浏览器
gzip_proxied any; ------>nginx做为反向代理时启用,off(关闭所有代理结果的数据的压缩),expired(启用压缩,如果header头中包括"Expires"头信息),no-cache(启用压缩,header头中包含"Cache-Control:no-cache"),no-store(启用压缩,header头中包含"Cache-Control:no-store"),private(启用压缩,header头中包含"Cache-Control:private"),no_last_modefied(启用压缩,header头中不包含"Last-Modified"),no_etag(启用压缩,如果header头中不包含"Etag"头信息),auth(启用压缩,如果header头中包含"Authorization"头信息)
    gzip_vary on;                          ------>启用应答头"Vary: Accept-Encoding"

继续编辑在server里编辑

charset utf-8;                                  ----->设置字符编码

        location / {
uwsgi_pass 127.0.0.1:8000; ----->对应uwsgi配置的端口
include /usr/local/nginx/conf/uwsgi_params; ------conf目录下
}
location /static{ ----->静态文件
alias /home/myweb/static;
}

nginx操作:

启动:在sbin目录    ./nginx -c /usr/local/nginx/conf/nginx.conf
停止:查看进程 ps -ef|grep nginx 杀死进程 kill -TERM 2132
重启:./nginx -s reload

四:启动uwsgi、nginx服务,项目就运行成功了,如下:

参考文章:

  https://blog.csdn.net/xing851483876/article/details/84306953

  https://www.cnblogs.com/leechenxiang/p/7086298.html

https://www.jianshu.com/p/cc61d74104e5

https://www.cnblogs.com/codingcloud/p/5095066.html

腾讯云服务器centos7.2+nginx(开启gzip压缩)+uwsgi+Django+react的更多相关文章

  1. 部署Flask项目到腾讯云服务器CentOS7

    部署Flask项目到腾讯云服务器CentOS7 安装git yum install git 安装依赖包 支持SSL传输协议 解压功能 C语言解析XML文档的 安装gdbm数据库 实现自动补全功能 sq ...

  2. Nginx 开启gzip压缩(图片,文件,css)

    1.Vim打开Nginx配置文件 vim /usr/local/nginx/conf/nginx.conf 2.找到如下一段,进行修改 gzip on; gzip_min_length 1k; gzi ...

  3. Nginx开启Gzip压缩提升页面加载速度

    1.在 nginx 的conf 目录下新建 gzip.conf 文件 #开启gzip压缩 gzip on; #设置允许压缩的页面最小字节数 gzip_min_length 1k; #申请4个单位为16 ...

  4. nginx 开启gzip压缩

    Nginx开启Gzip压缩功能, 可以使网站的css.js .xml.html 文件在传输时进行压缩,提高访问速度,!  Web网站上的图片,视频等其它多媒体文件以及大文件,因为压缩效果不好,所以对于 ...

  5. Hexo博客部署到腾讯云服务器全过程(Nginx,证书,HTTPS),你要的这里都有

    背景 说来也惭愧,博客已经搭建很久了,一直免费的部署在 Coding 和 Github Pages 上,前者迁移到腾讯云 Serverless,导致原有的配置始终有问题,没时间仔细研究,刚好腾讯服务器 ...

  6. Nginx 开启gzip 压缩

    随着nginx的发展,越来越多的网站使用nginx,因此nginx的优化变得越来越重要,今天我们来看看nginx的gzip压缩到底是怎么压缩的呢? gzip(GNU-ZIP)是一种压缩技术. 经过gz ...

  7. Nginx开启gzip压缩功能

    在Nginx安装完成之后,我们可以开启Gzip压缩功能,这里Nginx默认只能对text/html类型的文件进行压缩.下面的指令为开启Gzip的指令: gzip on; gzip_http_versi ...

  8. Nginx 开启gzip 压缩,实现基于域名的虚拟主机。

    一:gzip(GNU-ZIP)是一种压缩技术. 经过gzip压缩后页面大小可以变为原来的30%甚至更小,这样,用户浏览页面的时候速度会块得多. gzip 的压缩页面需要浏览器和服务器双方都支持,实际上 ...

  9. WIN2003服务器IIS下如何开启GZIP压缩

    在上一篇文章黑客流谈到了关于网页打开速度对SEO的影响,其中提到了网页开启Gzip压缩的好处,接下来我来和大家分享一下WINDOWS系统IIS服务器下如何开启Gzip压缩. 首先我们来了解一下什么是G ...

随机推荐

  1. MySQL删除大表时潜在的问题(drop table,truncate table)

    来源于:https://www.cnblogs.com/CtripDBA/p/11465315.html,侵删,纯截图,避免吸引流量之嫌 case1,删除大表时,因为清理自适应hash索引占用的内容导 ...

  2. MySQL数据库:函数的应用

    字符串截取 # 从左边开始 第1个字符 left(字段名,1) # 从那里开始,截取几个 substring(字段名,1,1) str函数 # 连接字符串 concat(s1,s2,s3,--,sn) ...

  3. 用iText5-2-其他类型PDF

    //设置文件属性的PDF package com.wf.zhang.test; import java.io.FileOutputStream; import com.itextpdf.text.Ba ...

  4. [洛谷P1279][题解]字串距离

    题目戳我 很明显的这题是一道dp,主要讲一下几个细节 1.初始化 我们需要初始化边界情况也就是一个字符串为空的情况 #----------# #----------# A:aaaaaa A:□□□□□ ...

  5. centos7 链路聚合+KVM桥接连网

    一.两个物理网卡做链路聚合(em3,em4) 1)创建team类型的网卡,连接别名为team0,使用的模式为activebackup-主备/loadbalance-负载均衡nmcli con add ...

  6. 按位或:多项式,FWT,min-max容斥

    Description: 刚开始你有一个数字0,每一秒钟你会随机选择一个$[0,2^n)$的数字,与你手上的数字进行或(C++, C 的 |, Pascal 的 or)操作. 选择数字i的概率是$p_ ...

  7. Selenium(十五):unittest单元测试框架(一) 初识unittest

    1. 认识unittest 什么是单元测试?单元测试负责对最小的软件设计单元(模块)进行验证,它使用软件设计文档中对模块的描述作为指南,对重要的程序分支进行测试以发现模块中的错误.在python语言下 ...

  8. selenium时间等待方法

    在UI自动化测试中,必然会遇到环境不稳定.网络慢等情况.当你觉得定位没有问题,但程序却直接报了元素不可见时,那你就需要思考是否因为程序运行太快或者页面加载太慢而造成了元素不可见,必须要再等待直至元素可 ...

  9. MySQL中if的写法

    关键词:IF --if 判断,如果 device_num 的值为1,则赋值为100,反之为200 SELECT district, shop_name, IF ( device_num , , ) A ...

  10. 你以为的Jquery选择器是什么样子的?

    $("#myELement")    选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素  $("d ...