代理环境通过内网穿透可以公网访问-方便前端开发

前端使用的代理环境通过内网穿透形式,让前端访问外网地址可以进行前端项目开发文档整理如下

个人版本有时候不太稳定,一般情况下没有问题,可以正常使用;

后端在自己电脑或者自己的局域网内的电脑搭好对应版本的环境,访问地址为:http://192.168.0.10;
在环境所在的局域网内开启内网穿透的花生壳应用:
添加内网映射,
应用类型:选择 HTTP ,需要支付6元才可以使用100年,
内网主机:192.168.0.10,内网端口:80,
然后保存;
访问映射后的域名加端口 http://v***.wicp.vip 可以在外网访问到 http://192.168.0.10 ;

以下NGINX代理是有必要的,如果直接前端代理改为 http://v***.wicp.vip 会有问题504;

前端开发局域网内主机(192.168.1.111)配置NGINX转发如下,并启动

server { 
listen 8080; 
server_name localhost; 
location / { 
# proxy_set_header Cookie $http_cookie;
proxy_cookie_domain ~\.wicp.vip $remote_addr; # 本地开发使用本机的IP
# proxy_cookie_domain ~\.wicp.vip localhost;  # 本地开发使用localhost
# proxy_cookie_domain ~\.wicp.vip 192.168.12.231; 
proxy_pass http://v***.wicp.vip; 
# root html; 
# index index.html index.htm; 
} 
} 

前端开发局域网内访问 http://192.168.1.111 可以访问到环境;

前端代理改为 http://192.168.1.111 可以进行前端本地开发(访问本地的IP地址 http://192.168.1.101 而不是localhost)。

你可能感兴趣的:(代理环境通过内网穿透可以公网访问-方便前端开发)