当前位置:   article > 正文

关于vue项目内网穿透问题解决方案_vue3+ts实现内网穿透

vue3+ts实现内网穿透

小伙伴们经常回调是接口,或者做一些应用的时候,会用到应用成功后的回调,应为没有公网地址,这里就需要我们做内网穿透,来解决应用的回调问题。
如:
支付宝支付后 ,需要回调
微信支持后,需要回调
前端页面做oss照片上传,需要回调
。。。。。。

1 注册配置隧道

内网穿透工具很多,这里我为大家介绍的是natapp软件。(因为可以免费)
https://natapp.cn/ 注册,然后实名认真
首先,购买隧道,当然也是购买免费的。
然后配置
在这里插入图片描述
这样我们就将本地的9528端口,映射到公网上去了。

2 下载启动软件

然后下载natapp软件,直接放到任意目录中,然后启动cmd

D:\>natapp -authtoken="你通道的token"
  • 1

在这里插入图片描述
通道启动完后,我们看到
http://zpkjb5.natappfree.cc -> localhost:9528
http://zpkjb5.natappfree.cc 为我们映射后的ip地址,即公网地址
localhost:9528 为内网地址

3 测试

当我们启动vue项目后,发现访问结果,并不能访问。
在这里插入图片描述
经过一番xxxxx,查资料原来vue项目还需要开启一个配置项。
在这里插入图片描述
我们重新配置后,然后在重启项目,然后再次访问目标地址,结果成功
在这里插入图片描述
好人一生平安,看完请点赞

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/你好赵伟/article/detail/188211
推荐阅读
相关标签
  

闽ICP备14008679号