巧用Nginx内置变量 实现企点等第三方网页应用开发时的本地调试问题

问题场景

例如这是企点应用的管理后台,展位上是固定的URL不能改,而此时前端同事有多名,可能需要设置为本地方便并行调试多个业务需求。小程序、公众号等不可改变入口地址的平台同理使用

在这里插入图片描述

解决方案

1. 登录管理后台频繁手动改

也就是A同事要开发就得改URL成A同事启动的项目地址URL(局域网ip不同),B同事开发就要改成B同事的URL,显然是很麻烦的,而且管理员帐号只有一个人能绑定,而这个人就要遭受前端的人肉DNS。

2. 每个同事自行搭建代理

好处是自己动手丰衣足食,缺点是不是每个同事都会,而且需要每个人都搭建

例如该同事启动的本地项目地址 http://192.168.1.29:8083/ 企点管理后台配置的URL是 test-qidian.com

server {
  listen 80;
  server_name test-qidian.com;
  location / {
    proxy_pass http://192.168.1.29:8083/;
    }
}

然后改下 hosts 文件 手动将 test-qidian.com 解析为 127.0.0.1 即可

3. 公共代理

配置的区别就在于 使用了Nginx内置变量 $remote_addr

server {
  listen 80;
  server_name test-qidian.com;
  location / {
    proxy_pass http://$remote_addr:8083/;
    }
}

只需要运行在闲置服务器上,其他前端同事统一修改hosts文件 手动将 test-qidian.com 解析为闲置服务器ip
此时达到的效果就是请求从哪个IP来就会转发到哪个IP的8083端口上去

更多: Nginx 官方文档 内置变量定义


如果有更好的方式,欢迎评论区友好交流

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值