Linux之安装Nginx、前后端分离项目部署

目录

一、安装Nginx

1.1先一键安装4个依赖

1.2下载并解压安装包

1.3安装nginx,一般我们在nginx都是要安装ssl证书的

1.4 启动nginx服务

1.5开放80端口

1.6配置nginx自启动

1.7修改/etc/rc.d/rc/local的权限

二、多个tomcat负载加后端部署

2.1创建多个tomcat

2.2均衡负载

2.3部署后端

三、前端部署

3.1在/usr/local目录里创建一个文件夹

3.2进入nginx的conf目录里

3.3重启服务器


一、安装Nginx

1.1先一键安装4个依赖

yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel

1.2下载并解压安装包

wget http://nginx.org/download/nginx-1.13.7.tar.gz
tar -xvf nginx-1.13.7.tar.gz -C /usr/local/java/

1.3安装nginx,一般我们在nginx都是要安装ssl证书的


# 进入安装包目录
cd nginx-1.13.7
# 编译,执行配置: 考虑到后续安装ssl证书 添加两个模块
./configure --with-http_stub_status_module --with-http_ssl_module
# 安装编译一下,一般我们编译完后/usr/local/
make && make install

1.4 启动nginx服务

安装好的 nginx 服务在 /usr/local/nginx 下:
 
进入 /usr/local/nginx/sbin 目录下启动:
# 启动
./nginx
 
# 重启
./nginx -s reload
 
# 关闭
./nginx -s stop
 
# 或者,指定配置文件启动
./nginx -c /usr/local/nginx/conf/nginx.conf
 
其它:
yum install lsof(给来查询端口占用)
lsof -i:80
kill -9 pid

1.5开放80端口

  1. #开放端口

  2. firewall-cmd --zone=public --add-port=80/tcp --permanent

  3. #更新防火墙规则

  4. firewall-cmd --reload

  5. #防火墙列表

  6. firewall-cmd --zone=public --list-ports

启动成功

1.6配置nginx自启动

vim /etc/rc.d/rc.local

把服务目录配置进去

/usr/local/nginx/sbin/nginx

1.7修改/etc/rc.d/rc/local的权限

  1. cd /etc/rc.d/

  2. chmod 755 rc.local

二、多个tomcat负载加后端部署

2.1创建多个tomcat

安装好tomcat之后在tomcat跟目录复制一个或者多个,我是复制了2个一个8081一个8082

然后去刚刚复制好的8081跟8082端口的tomcat,改一下端口,端口不能重复最简单的方法就是+1

最后把所有的tomcat都启动,再开放端口

#开发端口
firewall-cmd --zone=public --add-port=8081/tcp --permanent
firewall-cmd --zone=public --add-port=8082/tcp --permanent
#更新防火墙规则
firewall-cmd --reload
#防火墙列表
firewall-cmd --zone=public --list-ports

2.2均衡负载

首先去到Nginx的目录cd /usr/local/nginx/conf/

修改在里面有一个文件叫nginx.conf,但是不建议直接vim修改

按照上面的操作找到nginx.conf直接修改

我有3个tomcat就放了3个集群

upstream  tomcat_list {  #服务器集群名字
        server    127.0.0.1:8080  weight=1;   #服务器1   weight是权重的意思,权重越大,分配的概率越大。
        server    127.0.0.1:8081  weight=1; #服务器2   weight是权重的意思,权重越大,分配的概率越大
      server    127.0.0.1:8082  weight=1; #服务器3   weight是权重的意思,权重越大,分配的概率越大
    } 

最后反向代理

proxy_pass http://tomcat_list;

重启nginx

./nginx -s reload

测试Nginx负载3个tomcat的效果

# 来回切换tomcat:8080、tomcat:8081两个服务器的类容
http://192.168.195.139/
# 停掉1个tomcat
发现还是可以访问项目

负载成功

2.3部署后端

把项目放进tomcat下面的webapps目录里

创建数据库跟导入数据要统一

回到tomcat的bin目录下,需要先把每个tomcat停掉,在依次重新启动一下./startup.sh

部署成功

三、前端部署

3.1在/usr/local目录里创建一个文件夹

把前端项目放进这个文件夹里

进行下载

yum install -y unzip

解压

unzip blog.zip

3.2进入nginx的conf目录里

 cd /usr/local/nginx/conf/ 

跟上面一样直接进去修改

server_name  www.zking.com; #当前服务的域名(虚拟域名也可以)
    root         /usr/local/mypro/dist;      #将要访问的网站的根目录,nginx节点会自动继承父节点的配置;这里放到/usr/local/*,放到其他路径下会有权限相关问题;必要的时候配置Nginx.conf的user为root

    # 代理配置
    location / {
            #该句代码是为解决history路由不能跳转的问题,在vue-router官网有介绍 
        try_files $uri $uri/  /index.html;
    }
    location  ^~/api/ {
        #^~/api/表示匹配前缀是api的请求,proxy_pass的结尾有/, 则会把/api/*后面的路径直接拼接到后面,即移除api
        proxy_pass http://tomcat_list/;
    }

在C:\Windows\System32\drivers\etc\hosts里面增加映射关系

3.3重启服务器

cd ../sbin

./nginx -s reload

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值