遇到的问题

从云端克隆下来的react项目，修改后运行的网页是线上生产的网站

什么导致的

Hosts是一个没有扩展名的系统文件，可以用记事本等工具打开， 其作用就是将一些常用的网址域名与其对应的IP地址建立一个关联“数据库”， 当用户在浏览器中输入一个需要登录的网址时，系统会首先自动从Hosts文件中寻找对应的IP地址， 一旦找到，系统会立即打开对应网页，如果没有找到，则系统会再将网址提交DNS域名解析服务器进行IP地址的解析

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

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

解决的办法

1. 安装 npm install -g whistleg

2. 启动服务 w2 start

3. 服务启动后可在浏览器（chrome）中打开whistle管理界面，在这里进行配置和查看 http://127.0.0.1:8899/

   

4. 配置映射：https://test.cookactoys.cn/ http://localhost:3000/

5. 配置https协议

   1. 点击上面HTTPS
   2. 勾选capture tunnel connnects
   3. 点击下载 download rootca
   4. 双击安装证书
   5. 在钥匙扣访问里面找到该证书
   6. 右键显示简介，点击信任，始终信任
   7. 

6. 代理配置 使用谷歌插件 SwitchyOmega

   1. 下载 去github下载最新版安装包：https://github.com/FelisCatus/SwitchyOmega/releases
   2. 找到 Assets 下载 SwitchyOmega_Chromium.crx
   3. 安装 打开浏览器扩展程序 直接将 SwitchyOmega_Chromium.crx 拖进去
   4. 如果安装不成功，将SwitchyOmega_Chromium.crx后缀改为zip 在直接拖进去

7. 配置SwitchyOmega 注意配置的代理服务器地址为whistleg服务器地址