Nginx-下篇1.配置反向代理1.1 反向代理-案例1

目标效果： 使用 nginx 反向代理，访问 www.jd.com 直接跳转到 127.0.0.1:8080

nginx快速入门（nginx入门下篇）(1)

1.1.1实现步骤

启动Tomcat 默认端口号8080，能正常访问首页

C:\Windows\System32\drivers\etc

配置完成之后，我们便可以通过 www.jd.com:8080 访问到第一步出现的 Tomcat 初始界面。

那么如何只需要输入 www.jd.com 便可以跳转到 Tomcat 初始界面呢？便用到 nginx 的反向代理。

server { listen 80; server_name jd.com; #charset koi8-r; #access_log logs/host.access.log main; location / { proxy_pass http://127.0.0.1:8080; index index.html index.htm; }

nginx.exe -s reload

nginx快速入门（nginx入门下篇）(2)

1.2 反向代理-案例2

目标实现效果：使用 nginx 反向代理，根据访问的路径跳转到不同端口的服务中 nginx 监听端口为 9999

访问 http://127.0.0.1:9999/list/ 直接跳转到 127.0.0.1:8081 访问 http://127.0.0.1:9999/vod/ 直接跳转到 127.0.0.1:8082

1.2.1 实现步骤

server { listen 9999; server_name 127.0.0.1; location ~ /list/ { proxy_pass http://127.0.0.1:8081; index index.html index.htm; } location ~ /vod/ { proxy_pass http://127.0.0.1:8082; index index.html index.htm; } }

2 配置负载均衡2.1 概念

顾名思义，负载均衡即是将负载分摊到不同的服务单元，既保证服务的可用性，又保证响应足够快，给用户很好的体验。快速增长的访问量和数据流量催生了各式各样的负载均衡产品，很多专业的负载均衡硬件提供了很好的功能，但却价格不菲，这使得负载均衡软件大受欢迎， nginx 就是其中的一个，在 linux 下有 Nginx、LVS、Haproxy 等等服务可以提供负载均衡服务，而且 Nginx 提供了几种分配方式(策略)

2.2 配置负载均衡2.2.1 需求描述

浏览器多次访问 127.0.0.1:9999/vod/index.html 时，能在两个tomcat之间分别访问

2.2.2 配置实现

upstream myserver{ server 127.0.0.1:8081; server 127.0.0.1:8082; } server { listen 9999; server_name 127.0.0.1; location / { proxy_pass http://myserver; } }

2.3 Nginx 分配方式(策略)2.3.1轮询（默认）

每个请求按时间顺序逐一分配到不同的后端服务器，如果后端服务器 down 掉，能自动剔除。

weight 代表权,重默认为 1,权重越高被分配的客户端越多

upstream myserver{ server 127.0.0.1:8081 weight=2; server 127.0.0.1:8082 weight=1; }

2.3.2 ip_hash

每个请求按访问 ip 的 hash 结果分配，这样每个访客固定访问一个后端服务器，可以解决 session 的问题。例如：

upstream myserver{ ip_hash; server 127.0.0.1:8081 ; server 127.0.0.1:8082 ; }

2.5 fair(第三方)

upstream myserver{ fair; server 127.0.0.1:8081 ; server 127.0.0.1:8082 ; }

需要 但是如何直接使用会报错，因为fair属于第三方模块实现的负载均衡。需要添加nginx-upstream-fair

#

3.springboot vue项目部署案例3.1 springboot-服务端打包部署3.1.1配置maven 插件

<build> <plugins> <plugin> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-maven-plugin</artifactId> </plugin> </plugins> </build>

3.1.2 跳过test

在pom.xml中配置以下内容

<!--跳过test--> <skipTests>true</skipTests>

3.1.3 打包

nginx快速入门（nginx入门下篇）(3)

3.1.4 产生jar

nginx快速入门（nginx入门下篇）(4)

3.1.5 把jar 放到一个空目录下

使用以下命令的方式 启动两个端口的服务

java -jar rbac-server2-1.0-SNAPSHOT.jar --server.port=9090 java -jar rbac-server2-1.0-SNAPSHOT.jar --server.port=9091

3.1.6 配置nginx 反向代理

#负载均衡配置 upstream myserver{ #ip_hash; server 127.0.0.1:9090 weight=2 ; server 127.0.0.1:9091 weight=1; } server { listen 8090; server_name 127.0.0.1; location / { proxy_pass http://myserver; } }

3.2 打包部署vue项目3.2.1 修改main.js

baseUrl的值为 http://127.0.0.1:8090/ #该路经是vue调用springboot的地址

3.2.3 打开vue.config.js

nginx快速入门（nginx入门下篇）(5)

module.exports = { assetsDir: 'static', parallel: false, publicPath: './', };

3.2.4 切换到vue项目的根目录（即package.json所在的目录）

执行打包命令

npm run build

3.2.5 拷贝生成的dist目录到硬盘

nginx快速入门（nginx入门下篇）(6)

3.2.6 配置nginx

增加一个虚假主机服务

server { listen 8080; server_name www.bobo.com; location / { root C:/rbac/dist/; #vue dist路径 } }

nginx -s reload # 重新加载

3.2.7 更改host文件

nginx快速入门（nginx入门下篇）(7)

3.3 测试

浏览器输入 http://www.bobo.com

nginx快速入门（nginx入门下篇）(8)

,