1、 Nginx下载安装
1.1、 打开网页搜索Nginx并且下载最新版的Windows版本
解压打开之后是这样的
1.2、 编辑nginx.conf文件
#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;
#1. 每个反向代理服务 都是一个server{}
#2. listen nginx 监听用户请求端口 默认80
#3. server_name 拦截服务的名称
#4. location{} 开始执行反向代理
#5. / 拦截的路径 拦截所有的请求
#6. root 代表反向代理的是一个目录
#7. index 代表访问的默认页面
server {
listen 80;
server_name localhost;
#charset koi8-r;
#access_log logs/host.access.log main;
location / {
root html;
index index.html index.htm;
}
#error_page 404 /404.html;
# redirect server error pages to the static page /50x.html
#
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
# proxy the PHP scripts to Apache listening on 127.0.0.1:80
#
#location ~ \.php$ {
# proxy_pass http://127.0.0.1;
#}
# pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
#
#location ~ \.php$ {
# root html;
# fastcgi_pass 127.0.0.1:9000;
# fastcgi_index index.php;
# fastcgi_param SCRIPT_FILENAME /scripts$fastcgi_script_name;
# include fastcgi_params;
#}
# deny access to .htaccess files, if Apache's document root
# concurs with nginx's one
#
#location ~ /\.ht {
# deny all;
#}
}
# another virtual host using mix of IP-, name-, and port-based configuration
#
#server {
# listen 8000;
# listen somename:8080;
# server_name somename alias another.alias;
# location / {
# root html;
# index index.html index.htm;
# }
#}
# HTTPS server
#
#server {
# listen 443 ssl;
# server_name localhost;
# ssl_certificate cert.pem;
# ssl_certificate_key cert.key;
# ssl_session_cache shared:SSL:1m;
# ssl_session_timeout 5m;
# ssl_ciphers HIGH:!aNULL:!MD5;
# ssl_prefer_server_ciphers on;
# location / {
# root html;
# index index.html index.htm;
# }
#}
#反向代理 图片代理服务
server{
listen 80;
server_name image.jt.com;
location / {
root G:\\images;
}
}
}
在上面的安装路径cmd进去并执行
start nginx #启动
nginx -s reload #重启
nginx -s stop #停止
2、 图片回显设置
在路径 C:\Windows\System32\drivers\etc 找到hosts文件,进行修改
添加如下代码:
# IP 与 域名映射
# 127.0.0.1 localhost
# ::1 localhost
#图片服务器配置
127.0.0.1 image.jt.com
#前端服务器配置
127.0.0.1 www.jt.com
#后端服务器配置
127.0.0.1 manage.jt.com
一切配置完成之后,重启服务器,刷新网页页面进去添加图片位置就会有回显的效果了。
3、 前端项目部署
3.1、 前端项目打包
build>>运行>>然后再前端项目里会自动生成dist文件>>把这个dist文件复制到Nginx的安装目录下
3.2、 更改前端的main.js里的请求根目录
3.3、 更改前端的addItem.vue里的文件上传路径地址
3.4、 更改nginx.conf文件
server{
listen 80;
server_name image.jt.com;
location / {
root G:\\images;
}
}
#manage.jt.com:80 映射localhost:8091
server {
listen 80;
server_name manage.jt.com;
location / {
#代理请求
proxy_pass http://127.0.0.1:8091;
}
}
3.2、 动态获取
3.2.1、 编辑controller类
package com.jt.controller;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.web.bind.annotation.CrossOrigin;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RestController;
@RestController
@CrossOrigin
public class PortController {
@Value("${server.port}")
private Integer port;
@GetMapping("/getPort")
public String getPort(){
return "访问端口:" + port;
}
}
3.2.2、 注释掉pom文件中的热部署
3.2.3、 更改yml的端口号再次重启就启动了两次服务器
3.3、 配置tomcats集群
3.3.1、 负载均衡--配置tomcats集群
#定义tomcat集群
# 负载均衡策略: 1.轮询策略
upstream tomcats {
server 127.0.0.1:8091;
server 127.0.0.1:8092;
}
#配置后台服务器 manage.jt.com 8091/8092
server {
listen 80;
server_name manage.jt.com;
location / {
#代理的是一个请求路径
proxy_pass http://tomcats;
}
}
3.3.2、 重启nginx
重启nginx警告处理
把.conf文件中servername重复的去除一个即可解决问题。
3.3.3、 效果展示
3.4、 权重策略
之前的后端集群默认是轮询,五五开;权重策略就与之不同通过权重weight来进行约束比例。
在 server 127.0.0.1:8091; 端口号后添加属性weight并赋值更改权重比例。
server 127.0.0.1:8091 weight=4;
server 127.0.0.1:8092 weight=1;
3.5、 IPHASH 策略
用户的请求与服务器绑定,用户访问某台服务器就只通过这一个服务器
upstream tomcats {
ip_hash;
server 127.0.0.1:8091;
server 127.0.0.1:8092;
}