1.将你想映射的网址添加到本地的C:\Windows\System32\drivers\etc\hosts文件中,例如:
127.0.0.1 manage.leyou.com # 表示将这个网址映射到本地
2.首先你得有一个nginx,然后修改nginx.conf配置文件:
include vhost/*.conf; # 表示要引入这个配置文件
3.准备要引入的配置文件,名字自己定义,我这里为 leyou.conf:
upstream leyou-gateway{
server 127.0.0.1:10010;
#server 127.0.0.1:10011; #如果是集群可以将其他的服务器依次的写在这里
}
upstream leyou-manage{
server 127.0.0.1:9001;
}
client_max_body_size 5m;
server {
listen 80;
server_name api.leyou.com;
location /api/upload {
rewrite "^/(.*)$" /zuul/$1;
}
location / {
proxy_pass http://leyou-gateway;
proxy_connect_timeout 600;
proxy_read_timeout 5000;
}
}
server {
listen 80;
server_name manage.leyou.com;
location / {
proxy_pass http://leyou-manage;
proxy_connect_timeout 600;
proxy_read_timeout 5000;
}
}
解读:
- upstream:定义一个负载均衡集群,例如leyou-manage
- server:集群中某个节点的ip和port信息,可以配置多个,实现负载均衡,默认轮询
- server:定义一个监听服务配置
- listen:监听的端口
- server_name:监听的域名
- location:匹配当前域名下的哪个路径。例如:/,代表的是一切路径
- proxy_pass:监听并匹配成功后,反向代理的目的地,可以指向某个ip和port,或者指向upstream定义的负载均衡集群,nginx反向代理时会轮询中服务列表中选择。
4.在nginx.conf的同级目录下创建一个文件夹vhost,例如:
5.将刚刚创建的leyou.conf放在vhost文件夹下,例如:
6.测试:
启动nginx,然后在浏览器用域名访问,例如:
http://manage.leyou.com
7.实现原理:
1. 浏览器准备发起请求,访问http://manage.leyou.com,但需要进行域名解析
2. 优先进行本地域名解析,因为我们修改了hosts,所以解析成功,得到地址:127.0.0.1(本机)
3. 请求被发往解析得到的ip,并且默认使用80端口:http://127.0.0.1:80
本机的nginx一直监听80端口,因此捕获这个请求
4. nginx中配置了反向代理规则,将manage.leyou.com代理到http://127.0.0.1:9001
5. 主机上的后台系统的webpack server监听的端口是9001,得到请求并处理,完成后将响应返回到nginx
6. nginx将得到的结果返回到浏览器