系统相关
首页 > 系统相关> > 更换本地域名及Nginx反向代理

更换本地域名及Nginx反向代理

作者:互联网

更换本地域名及Nginx反向代理

05、解决域名解析问题

1)统一环境

我们现在访问页面使用的是:http://localhost:8081

有没有什么问题?

实际开发中,会有不同的环境:

如果不同环境使用不同的ip去访问,可能会出现一些问题。为了保证所有环境的一致,我们会在各种环境下都使用域名来访问。

我们将使用以下域名:

但是最终,我们希望这些域名指向的还是我们本机的某个端口。

那么,当我们在浏览器输入一个域名时,浏览器是如何找到对应服务的ip和端口的呢?

域名要访问,先从浏览器缓存中解析,然后从本地host文件解析,最后去域名根服务器解析域名。

2)域名解析

一个域名一定会被解析为一个或多个ip。这一般会包含两步:本地host和万网两步,如果任何一步解析成功了,就不会继续往下解析了。

3)解决域名解析问题

我们不可能去购买一个域名,因此我们可以伪造本地的hosts文件,实现对域名的解析。修改本地的host为:

127.0.0.1 www.leyou.com
127.0.0.1 api.leyou.com
127.0.0.1 manage.leyou.com
127.0.0.1 image.leyou.com

这样就实现了域名的关系映射了。

解压资料中的SwitchHosts软件
在这里插入图片描述
将上面提供号的服务名称配置到host文件中去
在这里插入图片描述
我们添加了四个映射关系:

现在,ping一下域名试试是否畅通:
在这里插入图片描述
OK了!

06、Nginx的简介

虽然域名解决了,但是现在如果我们要访问,还得自己加上端口:http://manage.leyou.com:8081

这就不够优雅了。我们希望的是直接域名访问:http://manage.leyou.com。这种情况下端口默认是80,如何才能把请求转移到9001端口呢?

这里就要用到反向代理工具:Nginx

1)什么是Nginx

在这里插入图片描述
nginx可以作为web服务器,但更多的时候,我们把它作为网关,因为它具备网关必备的功能:

总结NGINX有两大核心功能:第一,可以做为静态资源服务器来使用,并发和性能远高于tomcat。第二个功能就是做反向代理服务器。

2)Nginx作为web服务器

Web服务器分2类:

区分:web服务器不能解析jsp等页面,只能处理js、css、html等静态资源。
并发:web服务器的并发能力远高于web应用服务器。

3)Nginx作为反向代理

什么是反向代理?

nginx可以当做反向代理服务器来使用:

利用反向代理,就可以解决我们前面所说的端口问题,如图

如果是安装在本机:
在这里插入图片描述
正向代理即是客户端代理, 代理客户端,服务端不知道实际发起请求的客户端 。VPN

反向代理即是服务端代理, 代理服务端,客户端不知道实际提供服务的服务端。
在这里插入图片描述
在这里插入图片描述

07、Nginx的反向代理配置

先安装Nginx,安装非常简单,把课前资料提供的nginx直接解压即可,绿色免安装,舒服!

把软件解压到本地某个目录即可,目录结构:
在这里插入图片描述

使用

nginx可以通过命令行来启动,操作命令:

我们需要让nginx反向代理我们的服务器,因此需要自定义nginx配置。
在这里插入图片描述
为了看起来清爽,我们先在nginx主配置文件nginx.conf中使用include指令引用我们的配置:

	include vhost/*.conf;

如图所示:
在这里插入图片描述
然后在nginx.conf所在目录新建文件夹vhost:
在这里插入图片描述
并在vhost中创建文件leyou.conf:
在这里插入图片描述
填写如下配置:

upstream leyou-manage{
	server	127.0.0.1:9001;
}
upstream leyou-gateway{
	server	127.0.0.1:10010;
}
upstream leyou-portal{
	server	127.0.0.1:9002;
}

server {
	listen       80;
	server_name  manage.leyou.com;
	
	location / {
	    proxy_pass   http://leyou-manage;
		proxy_connect_timeout 600;
		proxy_read_timeout 50;
	}
}
server {
	listen       80;
	server_name  www.leyou.com;
	
	location / {
	    proxy_pass   http://leyou-portal;
		proxy_connect_timeout 600;
		proxy_read_timeout 5000;
	}
}
server {
	listen       80;
	server_name  api.leyou.com;
	
	location / {
	    proxy_pass   http://leyou-gateway;
		proxy_connect_timeout 600;
		proxy_read_timeout 5000;
	}
}

解读:

使用域名访问测试

重载nginx,然后用域名访问后台管理系统:
在这里插入图片描述
现在实现了域名访问网站了,中间的流程是怎样的呢?
在这里插入图片描述

  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将得到的结果返回到浏览器

Memorial Day is 518 days
I miss you
xiaokeai

标签:nginx,代理,Nginx,域名,leyou,反向,服务器,com
来源: https://blog.csdn.net/weixin_42914989/article/details/114292899