nginx前端部署

# 下载安装nginx
# 安装依赖环境
yum install gcc-c++
yum -y install pcre pcre-devel
yum -y install zlib zlib-devel
yum install -y openssl openssl-devel
wget  http://nginx.org/download/nginx-1.13.11.tar.gz (Nginx安装包)
tar zxvf nginx-1.13.11.tar.gz  (解压Nginx)

# 开始安装
进入到nignx文件安装目录下
./configure
make
make install

# 配置文件
cd /usr/local/nginx/sbin   (进入到安装Sbin文件下 相当于windows下bin目录下启动)
./nginx   (启动Nginx)
nginx -c /usr/local/nginx/conf/nginx.conf (启动貌似固定配置)
./nginx -s reload (重新加载)
./nginx -s stop  (关闭nginx)
./nginx stop //停止Nginx服务

#配置前端项目++++++++++++++
将前端项目上传到linux目录下
修改ngingx中conf的配置文件nginx.conf
cd /usr/local/nginx/conf
vim nginx.conf

worker_processes  1;

events {
    worker_connections  1024;
}

http {
    server {
        listen       80; // 默认80端口监听访问请求,我们也不变,当然你可以根据你的需求修改
        server_name  localhost;  //虚拟机的ip地址
        charset utf-8;

        location / {
            root   /home/projects/ruoyi-ui;  // 前端项目在linux上的存放路径
            try_files $uri $uri/ /index.html;
            index  index.html index.htm;
        }
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
}

# 配置node项目绑定域名++++++++++++++++++
server {
    listen 80; # 端口
    server_name blog.ncgame.cc; # 域名
    location / {
        proxy_pass http://0.0.0.0:3000;
        proxy_read_timeout 18000; # 设置超时
    }
}

# 配置HTTPS(SSL)++++++++++++++++
server {
    listen       443 ssl; # 端口
    server_name  blog.ncgame.cc;  # 域名

    ssl_certificate     /path/xxx.pem # 证书路径 pem or crt;
    ssl_certificate_key  /path/xxx.key; # 私钥

    ssl_session_cache    shared:SSL:1m;
    ssl_session_timeout  5m;

    ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
    ssl_ciphers  HIGH:!aNULL:!MD5;
    ssl_prefer_server_ciphers  on;

    location / {
        # 这里可以配置静态服务器 or 代理
    }
}
# http 自动跳转到 https
server{
    listen 80;
    server_name blog.ncgame.cc;
    rewrite ^/(.*)$ https://blog.ncgame.cc:443/$1 permanent;
}

# 重启nginx
./nginx -s reload
# 前端项目权限问题 
修改项目权限777

################-----nginx学习------################################
查看nginx配置文件命令
nginx -t
重新加载nginx
nginx -s reload

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值