线上项目本地开发，windows环境下如何解决域名问题（ip和端口号隐藏）

线上项目本地开发，windows环境下如何解决域名问题（ip和端口号隐藏）

简介：一般在开发中会遇到这样的情况：

• 本地开发，项目的url都是长这样的127.0.0.1:8080，但是线上环境都是隐藏端口和IP地址的
• 线上项目中存在请求头url源判断，导致项目不能正常跑起来
• 项目可能调用了其他系统或者服务，比如登录系统是专门一个独立系统，那么登录信息回调的时候，不能映射到本地项目

解决问题：本地项目隐藏ip地址，隐藏端口号

1. 隐藏ip地址

   1. 修改本地DNS：http请求时，会先查询dns服务器，得到目标url的ip地址，修改本地dns，域名可以映射到127.0.0.1

      文件目录：C://windows/system32/drivers/etc/

      目标文件：host

      修改步骤：首先修改host的权限，右键文件属性，关掉read-only。改完文件记得将权限改回去。（如果权限不够或者系统不允许，直接将文件拖到桌面改，改完了再拖回去）

      修改方式：文件最后有个For example。下面两行就是示例，去掉#号

      
        127.0.0.1       localhost
        127.0.0.1       abc.xxx.com
        127.0.0.1       bcd.xxx.com
        
      

      这样，在本地浏览器输入abc.xxx.com就会直接访问到127.0.0.1了

2. 隐藏端口号，最简单最快捷的方式，使用nginx反向代理

   1. 去nginx.org官网下载最新的nginx，会得到一个压缩包，不需要安装

   2. 压缩包解压后，根目录下有一个nginx.exe，千万不要直接点击哦

   3. 打开cmd，进入该目录，输入start nginx 启动nginx

   4. 打开配置文件conf/nginx.conf

      server {
          listen       80;
          server_name  localhost;
          location / {
              proxy_pass  http://localhost:8080;
          }
      
          error_page   500 502 503 504  /50x.html;
          location = /50x.html {
              root   html;
          }
          }
      

   5. 重启nginx，cmd命令行中输入nginx -s reload

PS：类似xampp这样的运行环境，会直接帮你隐藏端口号。