如何简单免费的实现内网穿透?

如何简单免费的实现内网穿透?

网上许多内网穿透的教程,都很麻烦,大部分都要交钱,才能定制域名,不然就是一个随机值,不方便我们调试

比如微信jsdk开发有时候就要内网穿透

今天给大家推荐一个简单工具 utools

里面集成的大量开发的小工具,是否好用,谁用谁知的,今天就推荐一下如何使用内网穿透

首先要下载

下载地址

如何简单免费的实现内网穿透?_第1张图片

然后在插件中心,下载内网穿透插件

安装完成后, 用Alt + 空格键 打开输入框,在输入框中输入内网穿透,就是上图的插件中心那一排,也行

在这里插入图片描述
在这里插入图片描述

点击进入后 向下图一样填写参数就行了,内网地址,当然是本地啦, 端口就是你需要穿透的项目启动的端口

只需要,先启动本地项目 在穿透到对应的端口,就可以用外网域名访问你的项目

如何简单免费的实现内网穿透?_第2张图片
如何简单免费的实现内网穿透?_第3张图片

我用这个做的demo, 毕竟是免费的,所以如果本地项目过大,加载会有些慢,但相比其他已经很快了,如果你能把本地的图片等大体积文件缩小速度会快很多

穿透实例

穿透时遇到这个问题

就是页面啥也没有

只有一句话 “Invalid Host header”

只需要配置一下webpack

vue-cli3 是在vue.config.js , 其他框架出现,就找对应的配置文件即可

ue-cli3 是在vue.config.js , 其他框架出现,就找对应的配置文件即可

devServer: { disableHostCheck: true}

你可能感兴趣的:(工作必备)