SwitchHost简介
官网：https://oldj.github.io/SwitchHosts/
SwitchHosts是一个管理、快速切换Hosts小工具，开源软件，一键切换Hosts配置，非常实用，高效。
开发Web项目过程中当部署有多套环境，网址域名都相同部署在不同的服务器上，有 DEV环境、SIT测试环境、UAT测试环境、生产环境；经常要切换Hosts来访问测试等，如果纯手工修改这会花掉不少时间，而且这个过程毫无乐趣可言。
SwitchHosts的诞生解决了这个问题。目前最新版本是：SwitchHosts 3.5.2
我下载的是 SwitchHosts._windows_portable_3.5.2.5504.exe
下载完成后, 鼠标右键 "以管理员身份运行"!!! "以管理员身份运行"!!! "以管理员身份运行"!!!
注: 我的WIn10系统打开的时候没有找到hosts文件报错【C:\Windows\System32\drivers\etc\hosts】;
那么遇到这种情况怎么办呢？
以管理员身份运行的方式打开CMD “命令提示符” 出现黑框界面，然后把
for /f %P in ('dir %windir%\WinSxS\hosts /b /s') do copy %P %windir%\System32\drivers\etc & echo %P & Notepad %P
复制粘贴，按下Enter键就出现了hosts文件(若安全软件阻止，请允许放行)
点击左下角的 + 按钮添加一个自己定义的hosts的名称，然后在框内写入自己要定义的 IP<——>域名，然后点击小按钮启动就生效了
解决vue项目中的“Invalid Host header”
通过服务器域名访问时是显示Invalid Host header，这是由于新版的webpack-dev-server出于安全考虑，默认检查hostname，如果hostname不是配置内的，将中断访问。可以在build目录中的webpack.base.config.js中添加如下webpack-dev-server配置：devServer: { disableHostCheck: true, }
验证域名配置是否有效：
域名问题解决了，但是现在要访问后台页面，还得自己加上端口：www.yangw.com:3000
这就不够优雅了。我们希望的是直接域名访问：www.yangw.com。这种情况下端口默认是80，如何才能把请求转移到3000端口呢？
这里就要用到反向代理工具：Nginx
Nginxt简介
官网下载：http://nginx.org/en/download.html
当前官网显示： Mainline version主线版本 1.17.6 Stable version稳定版本 1.16.1 Legacy versions 旧版本
它是绿色版，解压缩即可使用（这里说的是Windows版本）
Nginx是一款轻量级的Web 服务器/反向代理服务器及电子邮件（IMAP/POP3）代理服务器. 其特点是占有内存少，并发能力强，事实上nginx的并发能力在同类型的网页服务器中表现较好。
在连接高并发的情况下，Nginx是Apache服务不错的替代品 。能够支持高达 50,000 个并发连接数的响应。
Nginx作为负载均衡服务：Nginx 既可以在内部直接支持 Rails 和 PHP 程序对外进行服务，也可以支持作为 HTTP代理服务对外进行服务。Nginx采用C进行编写，不论是系统资源开销还是CPU使用效率都比 Perlbal 要好很多。
Nginx 是一个安装非常的简单、配置文件非常简洁（还能够支持perl语法）、Bug非常少的服务。Nginx 启动特别容易，并且几乎可以做到7*24不间断运行，即使运行数个月也不需要重新启动。你还能够不间断服务的情况下进行软件版本的升级
如果下载的是Linux版本，它是个源码包(自己编译并安装)：
# 清理上一次编译的残留（必须执行）
make clean
# 指定你想要的安装目录（例子：/opt/nginx 注意是： 干净的目录来安装）
./configure --prefix=/opt/nginx
# 编译安装
make && sudo make install
nginx # 启动
nginx -s reload # 重启
nginx -s stop # 停止
nginx -t # 测试配置
如果直接不行， 就尝试 ./nginx
此外，我还有另外一篇文章，详细讲解Nginx的安装的 https://www.cnblogs.com/xin1006/p/14933931.html
nginx作为web服务器
Web服务器分2类：
web应用服务器，如：Tomcat Jetty
web服务器，如：Apache 服务器 Nginx IIS
区分：web服务器不能解析jsp等页面，只能处理js、css、html等静态资源。并发：web服务器的并发能力远高于web应用服务器。
什么是反向代理？
反向代理：用一台服务器，代理真实服务器，用户访问时，不再是访问真实服务器，而是代理服务器。
nginx可以当做反向代理服务器来使用：
我们需要提前在nginx中配置好反向代理的规则，不同的请求，交给不同的真实服务器处理
当请求到达nginx，nginx会根据已经定义的规则进行请求的转发，从而实现路由功能。
Nginx安装与使用
conf：配置目录
contrib：第三方依赖
html：默认的静态资源目录，类似于tomcat的webapps
logs：日志目录
nginx.exe：启动程序。可双击运行，但不建议这么做。
nginx.conf 简要说明:
worker_processes 1; #进程数量，建议不要超过电脑的核数
worker_connections 1024; #每个进程的连接数
nginx中的每个server就是一个反向代理配置，可以有多个server。
一般情况下，我们是将www.yangw.com配在最前面的；如果一个域名映射到nginx之后，找不到它也会访问第一个地址
nginx可以通过命令行来启动，操作命令（进入nginx目录）：
启动：start nginx.exe
停止：nginx.exe -s stop
重新加载：nginx.exe -s reload
启动过程会闪烁一下，启动成功后，任务管理器中会有两个nginx进程：
测试：
现在实现了域名访问网站了，中间的流程是怎样的呢？ 这里贴一下某马的教程中的说明
浏览器准备发起请求，访问http://mamage.leyou.com，但需要进行域名解析
优先进行本地域名解析，因为我们修改了hosts，所以解析成功，得到地址：127.0.0.1
请求被发往解析得到的ip，并且默认使用80端口：http://127.0.0.1:80
本机的nginx一直监听80端口，因此捕获这个请求
nginx中配置了反向代理规则，将manage.leyou.com代理到127.0.0.1:9001，因此请求被转发
后台系统的webpack server监听的端口是9001，得到请求并处理，完成后将响应返回到nginx
nginx将得到的结果返回到浏览器