一篇文章快速掌握Nginx部署前端项目 Nginx安装配置及部署都非常

发布时间：2023-02-17 12:21:21 所属栏目：Nginx 来源：互联网

导读：前言：之前在Linux系统中部署了后端项目，今天继续来给大家分享如何部署前端项目。涉及到了Nginx的简单介绍以及Nginx如何安装及配置并且能够部署前端项目 Nginx是一个轻量级的反向代理web服务器，在当今应用地非常广泛，特别是前后端分离的情况下。 Nginx

3）Nginx配置更改代理配置/etc/nginx/conf.d

　　更改第一个：静态的资源加载以及域名

　　     listen       80;            #监听80端口，可以改成其他端口
　　    #server_name localhost;    #当前服务的域名
　　    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/;
　　}
　　4）重启Nginx更新配置

　　1
　　systemctl restart nginx
　　5）将前端构建好的dist项目，上传到云服务器/usr/local/...（只能放这里）

　　小编在这里就专门建一个文件夹来放置这个前台打包好的文件

　　mkdir mypro创建文件命令

　　6）www.zking.com完成整个前后端分离项目的测试

　　前言：
　　之前在Linux系统中部署了后端项目，今天继续来给大家分享如何部署前端项目。

　　涉及到了Nginx的简单介绍以及Nginx如何安装及配置并且能够部署前端项目

　　Nginx是一个轻量级的反向代理web服务器，在当今应用地非常广泛，特别是前后端分离的情况下。

　　Nginx的三个作用：

　　负载均衡：
　　当我们的单个项目访问量达到了单个tomcat无法承受的时候，这个时候我们需要增加服务器来减少服务器的压力，而Nginx的负载均衡就是用来作为代理服务器，来分配访问具体到哪个tomcat服务器，就相当于SpringMvc中的dispatchered中央控制器，不作业务处理，只负责分配到具体的适配器。

　　用一个图来表示：

　　反向代理：
　　反向代理的意思就是，比如我们有些系统只能在规定的内网中才能访问，比如我们的公司的系统，只能在公司的内网才能登录公司系统。但是我们想要在家里或者在外网也能访问该系统怎么办？

　　这时Nginx反向代理就可以解决这个问题，我们恭公司系统配置好Nginx代理服务器后，只需将我们外网的ip加入到Nginx白名单中即可实现：指定的外网ip也可以访问内网系统！

　　动静分离：
　　动静分离的意思就是区分用户的访问类型，第一种是动态访问是需要调用后台数据的访问；第二种是静态的访问只需静态资源的访问（如：css、html、jpg、js等等文件）。那么Nginx动静分离就是区分用户的访问类型，然后分配访问不同的服务器。提高资源响应的速度。

　　Nginx的下载安装（Linux环境下）
　　步骤：

　　首先下载Nginx的源；

　　
　　添加 nginx 官方提供的 yum 源(需要联网且时间较长)
　　 rpm -Uvh http://nginx.org/packages/centos/7/x86_64/RPMS/nginx-1.14.2-1.el7_4.ngx.x86_64.rpm
　　使用 yum 安装 nginx；

　　
　　yum install nginx
　　注1：yum方式安装nginx，它的安装根目录为/etc/nginx
　　注2：查看nginx版本   rpm -qa | grep nginx

　　启动及设置开机启动；

　
　　systemctl start nginx.service
　　systemctl enable nginx.service
　　设置防火墙开放 80 端口；

　　
　　firewall-cmd --zone=public --add-port=80/tcp --permanent
　　firewall-cmd --reload && firewall-cmd --list-port
　　测试 nginx 是否可被访问，应该显示nginx的欢迎界面；

　　http://服务器IP地址:80/

　　Nginx的使用
　　①负载均衡的使用实例

　　想要实现负载均衡的效果那我们就在这里进行简单的实现：在虚拟机中用两个Tomcat服务器实现多台服务器配置同一个项目效果，用我们刚刚下载的Nginx作为代理服务器

　　1）准备2个tomcat（接上篇文章，小编我已经准备好一个了）

　　1
　　cp -r apache-tomcat-8.5.20/ apache-tomcat-8.5.20_8081/
　　2）修改第二个Tomcat的配置（找到tomcat目录/conf/server.xml），修改的配置如下：

　　        1. HTTP端口，默认8080，如下改为8081

　　        2.远程停服务端口，默认8005，如下改为8006

　　        3.AJP端口，默认8009，如下改,8010

　　用客户端MobaXterm可以直接双击编辑！

　　3）设置防火墙开放 8081 端口

　　1
　　2
　　firewall-cmd --zone=public --add-port=8081/tcp --permanent
　　firewall-cmd --reload && firewall-cmd --list-port
　　 4）测试两个服务器是否能够启动使用

　　进入连个服务器的bin目录执行启动服务器命令：./startup.sh

　　测试：

　　http://192.168.26.128:8080/

　　http://192.168.26.128:8081/

　　重要的来了！！！

　　5）Nginx配置*********************************************************************

　
　　#user nobody;
　　worker_processes 1;
　　
　　#error_log logs/error.log;
　　#error_log logs/error.log notice;
　　#error_log logs/error.log info;
　　
　　#pid        logs/nginx.pid;
　　
　　events {
　　    worker_connections 1024;
　　}
　　
　　http {
　　    include       mime.types;
　　    default_type application/octet-stream;
　　
　　    #log_format main '$remote_addr - $remote_user [$time_local] "$request" '
　　    #                  '$status $body_bytes_sent "$http_referer" '
　　    #                  '"$http_user_agent" "$http_x_forwarded_for"';
　　
　　    #access_log logs/access.log main;
　　
　　    sendfile        on;
　　    #tcp_nopush     on;
　　
　　    #keepalive_timeout 0;
　　    keepalive_timeout 65;
　　
　　    #gzip on;
　　
　　
　　    #服务器的集群
　　    upstream tomcat_list { #服务器集群名字
　　        server    127.0.0.1:8080 weight=1;   #服务器1   weight是权重的意思，权重越大，分配的概率越大。
　　        #server    172.17.0.4:8080 weight=2; #服务器2   weight是权重的意思，权重越大，分配的概率越大
　　    }
　　
　　    server {

（编辑：甘南站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

3/5

首页

尾页