域名解析

使用域名访问本地项目：

一个域名一定会被解析为一个或多个ip。这一般会包含两步：

• 本地域名解析

  浏览器会首先在本机的hosts文件中查找域名映射的IP地址，如果查找到就返回IP ，没找到则进行域名服务器解析，一般本地解析都会失败，因为默认这个文件是空的。

  • Windows下的hosts文件地址：C:/Windows/System32/drivers/etc/hosts
  • Linux下的hosts文件所在路径： /etc/hosts

  样式：

  # My hosts
  127.0.0.1 localhost
  0.0.0.0 account.jetbrains.com
  127.0.0.1 www.xmind.net
  

• 域名服务器解析

  本地解析失败，才会进行域名服务器解析，域名服务器就是网络中的一台计算机，里面记录了所有注册备案的域名和ip映射关系，一般只要域名是正确的，并且备案通过，一定能找到。

解决域名解析问题：

当我们不想去购买域名，但是还想用域名区访问，该怎么整？

我们可以伪造本地的hosts文件，实现对域名的解析。修改本地的host为：

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

1、可以使用管理员权限，手动寻找路径打开C:/Windows/System32/drivers/etc/hosts

2、使用软件打开SwitchHosts.exe

使用ngix反向代理域名：

我们在本地安装一台nginx：

目录结构：

使用

nginx可以通过命令行来启动，操作命令：

• 启动：start nginx.exe
• 停止：nginx.exe -s stop
• 重新加载：nginx.exe -s reload

我们需要让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 5000;
	}
}
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;
	}
}

解读：

• upstream：定义一个负载均衡集群，例如leyou-manage
  • server：集群中某个节点的ip和port信息，可以配置多个，实现负载均衡，默认轮询
• server：定义一个监听服务配置
  • listen：监听的端口
  • server_name：监听的域名
  • location：匹配当前域名下的哪个路径。例如：/，代表的是一切路径
    • proxy_pass：监听并匹配成功后，反向代理的目的地，可以指向某个ip和port，或者指向upstream定义的负载均衡集群，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

   本机的nginx一直监听80端口，因此捕获这个请求

6. nginx中配置了反向代理规则，将manage.leyou.com代理到http://127.0.0.1:9001

7. 主机上的后台系统的webpack server监听的端口是9001，得到请求并处理，完成后将响应返回到nginx

8. nginx将得到的结果返回到浏览器