SwitchHosts工具

SwitchHosts工具，便捷修改Hosts文件

1. 概述

1.1 统一环境

• 各种环境：

  • 开发环境：自己的电脑

  • 测试环境：提供给测试人员使用的环境

  • 预发布环境：数据是和生成环境的数据一致，运行最新的项目代码进去测试

  • 生产环境：项目最终发布上线的环境

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

1.2 域名解析

一个域名最终会被解析为一个或多个ip

• 解析步骤：

  1. 本地域名解析

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

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

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

     4. 文件内容格式：

        • # My hosts
          127.0.0.1 localhost
          

  2. 域名服务器解析

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

在不购买域名的情况下，我们可以伪造本地的hosts文件，实现对域名的解析。但每次在C盘寻找hosts文件并修改十分麻烦，可使用便捷修改host的工具，SwitchHosts

2 下载

官网地址

安装即可

3 使用

1. 设置 -> 选项

   • 

2. 添加测试环境（若出现写入模式选择覆盖）

   • 

   • 

3. 添加开发环境，与测试环境添加步骤相同

   • 

4. 测试，打开开发环境，关闭测试环境

   • 查看系统Hosts文件内容

     • 

   • ping域名是否畅通

     • 

通过域名可访问项目，但是vue会验证host是否符合配置

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

module.exports = {
    devServer: {
        proxy: {
            ...
        }，
        disableHostCheck: true
    }
}

重启即可