如何使我们浏览器输入自定义网址访问固定IP及端口

域名解析

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

• 本地域名解析

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

  • Windows下的hosts文件地址：C:/Windows/System32/drivers/etc/hosts

  • Linux下的hosts文件所在路径： /etc/hosts

  样式：

  # My hosts
  127.0.0.1 localhost

• 域名服务器解析

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

解决域名解析问题

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

127.0.0.1 www.ps2.com

###这样浏览器访问www.ps2.com就相当于浏览器输入网址127.0.0.1

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

注意:hosts文件在c盘里面无法进行修改，需要将文件拉出C盘进行修改后再将文件放入C:/Windows/System32/drivers/etc/hosts

  SwitchHosts工具的介绍

官网SwitchHosts

下载使用

解压

管理员运行exe文件

配置

 通过域名访问：我们配置了项目访问的路径，虽然www.ps2.com映射的ip也是127.0.0.1，但是vue会验证host是否符合配置。

解决方案：在vue.conf.js中取消host验证：disableHostCheck: true

总结:

通过浏览器输入www.ps2.com实现访问192.168.222.132:8080的资源

首先浏览器会找c盘下面的域名解析映射文件, 将www.ps2.com解析成192.168.222.132然后发送请求

naginx实时监测192.168.222.132:80端口, 若有访问请求则是将请求转发到指定的ip及端口192.168.222.132:8080

然后再将响应原路返回到浏览器界面