关于vue项目内网穿透问题解决方案

15 篇文章 2 订阅
14 篇文章 0 订阅

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

1 注册配置隧道

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

2 下载启动软件

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

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

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

3 测试

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

  • 3
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 8
    评论
Vue项目常见问题及解决方法包括但不限于以下几个方面: 1. 跨域问题:在Vue项目中,由于浏览器的同源策略限制,经常会遇到跨域问题。解决方法可以使用代理服务器来转发请求,或者在后端接口中设置允许跨域请求的头信息。 2. 路由问题:有时候会遇到路由跳转不成功或者参数传递错误的问题。解决方法是检查路由配置是否正确,确保路由路径和组件对应正确,同时在跳转时传递参数时要注意参数的类型和命名是否一致。 3. 组件通信问题:在Vue项目中,组件之间的通信是常见的问题。解决方法可以使用Vuex来进行状态管理,或者使用Vue的自定义事件来实现组件间的通信。 4. 性能优化问题:在大型Vue项目中,性能优化是一个重要的考虑因素。解决方法包括使用异步组件来提高首屏加载速度,使用懒加载来按需加载组件,合理使用Keep-alive缓存组件等。 5. 打包部署问题Vue项目的打包部署有时候会遇到一些问题,比如打包后文件体积过大或者部署到服务器后页面空白等。解决方法可以使用Webpack进行代码优化和压缩,或者检查部署路径和服务器环境等。 综上所述,Vue项目常见问题的解决方法需要深入理解Vue的相关知识,并结合具体问题进行调试和优化。在实际开发中,理解这些问题并能够快速解决将有助于提高开发效率和项目质量。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值