前端使用的代理环境通过内网穿透形式,让前端访问外网地址可以进行前端项目开发文档整理如下
个人版本有时候不太稳定,一般情况下没有问题,可以正常使用;
后端在自己电脑或者自己的局域网内的电脑搭好对应版本的环境,访问地址为: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 可以访问到环境;