nginx部署vue项目

一、反向代理

正向代理举例：1.我们正常都访问不了企业服务器，这个时候登录VPN进行访问，VPN就相当于一个代理服务器。2.很多企业会配置代理服务器来进行外网的访问，是用户方主动配置的。

代理服务器其实就是网关

反向代理：是应用提供方进行配置的，代理应用服务器

二、负载均衡

1.轮询

upstream  aa-server {

      server    localhost:10001;

      server    localhost:10002;

}

2.权重

upstream  aa-server {

      server    localhost:10001 weight=1;#以10分，也可以是按100来分      server    localhost:10002 weight=2;

}

3.iphash

upstream  aa-server {

      ip_hash; #最慢，容易超时      server    localhost:10001 weight=1;

      server    localhost:10002 weight=2;

}

4.最少连接

将请求分配到连接数最少的服务上。

upstream  aa-server {

      least_conn;

      server    localhost:10001 weight=1;

      server    localhost:10002 weight=2;

}

5.fair

按后端服务器的响应时间来分配请求，响应时间短的优先分配。

upstream  aa-server {

      server    localhost:10001 weight=1;

      server    localhost:10002 weight=2;

      fair; }

三、动静分离

nginx部署vue项目

1.运行并且挂载nginx

docker run -d -p 80:80 --name nginx_wms_ui -v /home/wms/nginx/dist:/usr/share/nginx/html --restart=always nginx

2.把vue的目录上传到挂载的目录

3.把容器重启一下docker restart 容器id

四、基本命令

1.服务器防火墙(firewalld)开放端口

service firewalld start开启firewalld服务

service firewalld stop关闭firewalld服务

service firewalld restart重启firewalld服务

firewall-cmd --list-all查看防火墙规则

firewall-cmd --query-port=8080/tcp查看8080端口是否开放

firewall-cmd --permanent --add-port=8080/tcp开放8080端口访问权限，设置后需要重启防火墙

firewall-cmd --permanent --remove-port=8080/tcp关闭8080端口访问权限，设置后需要重启防火墙

firewall-cmd --reload重启防火墙

五、nginx完整配置

worker_processes  1;

events {

    worker_connections  1024;

}

http {

  upstream  aa-server {

      server    localhost:10001;

      server    localhost:10002;

  }

  server {

      listen      10000;

      server_name  localhost;

      location / {

        proxy_pass http://aa-server;

        proxy_redirect default;      }

    }

}