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

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

作者: 日不落000 | 来源:发表于2020-12-29 14:01 被阅读0次

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

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

后端在自己电脑或者自己的局域网内的电脑搭好对应版本的环境,访问地址为: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)。

相关文章

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

    前端使用的代理环境通过内网穿透形式,让前端访问外网地址可以进行前端项目开发文档整理如下 个人版本有时候不太稳定,一...

  • (一)frp内网穿透ssh登录内网ip服务器

    内网穿透 一张图解释一下内网穿透 通俗点说,就是可以将只有内网ip的服务器,映射到公网ip地址;可以通过公网访问内...

  • 自建NAS系列04——网络服务

    内网穿透 花生壳 公网服务器与frp 内网穿透 内网穿透就是将自己内网中的服务映射到公网ip,达到公网可访问的目的...

  • frp内网穿透

    1-内网穿透 内网穿透即内网映射,可以将局域网变公网,从而可以让外网访问本地局域网内的服务。内网穿透原理技术有这么...

  • 前端开发神器之ngrok

    ngrok能做什么,为什么是前端开发神器? 内网穿透,映射本地开发环境到公网,模拟多终端线上环境。 结合一个很简单...

  • 钉钉内网穿透工具

    钉钉内网穿透 鉴于很多开发者在临时体验开发时往往没有公网域名或者公网IP,本工具提供了一个公网代理服务,目的是...

  • RaspberryPi的内网穿透

    RaspberryPi的内网穿透 所谓的内网穿透,就是能在公网上访问到你局域网里的机器。 内网穿透到工具有很多,最...

  • 自建 ngrok 内网穿透服务

    本着玩玩的心态,搭建一个内网穿透的服务。内网穿透:即外网可以直接访问你内网 准备工作 有公网 IP 服务器一台 可...

  • frp 实现内网穿透(以网页形式访问)

    内网穿透:使得局域网中的电脑暴露到公网当做,从未使得他人可以访问你的电脑中的文件。(口语化) 内网穿透条件(自建)...

  • 手把手教你用frp实现内网穿透,进行远程桌面和http访问

    使用frp内网穿透工具使处于内网中的电脑能够像访问公网电脑一样方便,比如将公司或个人电脑里面的web项目让别人能够...

网友评论

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

      本文链接:https://www.haomeiwen.com/subject/npvfoktx.html