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