nginx的项目实战:nginx部署前端静态文件

nginx的项目实战:nginx部署前端静态文件

一、nginx环境准备

1.安装nginx。

yum -y install nginx

直接输入nginx启动

nginx的常用命令:

直接nginx  是为启动nginx

nginx -s stop  停止nginx

nginx -s reload 平滑重启nginx

nginx -t 检测nginx的配置文件书写是否正确



二、nginx部署前端静态文件。

1.创建web项目的目录。

mkdir /server -------------我将项目放在/server下

2.上传前端文件到/server下。(友情提示是经过编译打包后的文件)

3.创建nginx配置文件的规则。(下面分为两种介绍http和https)http多为用于测试环境

                                            http形式无证书配置

cd /etc/nginx/conf.d                              存放nginx的conf文件配置路径

vim server.conf                                    一定要是.conf结尾的

server {

    listen 80;                                  #如果下面的server_name不是域名,而是lcoalhost或者外网ip,这里监听的端口为81或者其他端口

    server_name   a.com;               #域名为a.com

      gzip on;                                   #开启nginx的gzip压缩,下面都是gzip的配置不详细说明了都是为了提高静态资源的访问速度

    gzip_min_length 3k;

    gzip_comp_level 9;

    gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;

    gzip_vary on;

    gzip_disable "MSIE [1-6]\.";

    access_log                /opt/nginx-log/server.access.log    main;   #截取本项目的输出日志,自己命名  /opt/nginx这个目录需要自己创建

   error_log                  /opt/nginx-log/server.error.log      notice;     #截取本项目的错误日志,自己命名

location / {

                root  /server;                                      #前端静态文件存放的路径

                try_files $uri $uri/  /index.html;               #开启二次刷新的前端文件与前面那次相同

                index  index.html index.htm;}

}

以上配置中的#都是配置解释,复制黏贴时最好去掉,要不然容易出错,当然一些优化配置也可以去掉,最后nginx -t 检查配置文件是否正确,没有报错就nginx -s reload 重启nginx加载配置生效

                                              https形式有证书配置

cd /etc/nginx     

mkidr cert                            创建存放ssl证书的目录

申请证书步骤我这里就不详细说明,这里只需要把申请好的证书上传到/etc/nginx/cert就行

下一步我们来写nginx的配置文件

cd /etc/nginx/conf.d

vim server.conf

server{

      listen 80;

    server_name a.com;

    rewrite ^(.*)$ https://$host$1 permanent;            #强制跳转为https

}

server{

      listen 443 ssl;

      server_name a.com;

      ssl_certificate  /etc/nginx/cert/scs1637214556285_a.com_server.crt;             #这里和下面必须配置自己上传的证书名字

      ssl_certificate_key  /etc/nginx/cert/scs1637214556285_a.com_server.key;

      ssl_session_timeout 5m;

      ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;

      ssl_protocols TLSv1 TLSv1.1 TLSv1.2;

      ssl_prefer_server_ciphers on;

        gzip on;

    gzip_min_length 3k;

    gzip_comp_level 9;

    gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;    gzip_vary on;

    gzip_disable "MSIE [1-6]\.";

    access_log                /opt/nginx-log/server.access.log    main;

    error_log                  /opt/nginx-log/server.error.log      notice;

  location / {

                root  /server;

                try_files $uri $uri/  /index.html;

                index  index.html index.htm;}

}

以上配置中的#都是配置解释,复制黏贴时最好去掉,要不然容易出错,当然一些优化配置也可以去掉,最后nginx -t 检查配置文件是否正确,没有报错就nginx -s reload 重启nginx加载配置生效。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。