Vue全家桶使用免费内网穿透工具,无需服务器让

Vue全家桶使用免费内网穿透工具,无需服务器让

时间:2020-02-12 10:19 作者:admin 点击:
阅读模式

Vue全家桶使用免费穿透工具, 无需服务器让外网直接访问

网云穿-最简单易用的内网穿透软件,最简洁教程一键穿透网站、数据库、远程桌面

网云穿是一款可以在包括但不限于Windows、Mac、Linux、群辉、树莓派、威联通上使用的内网穿透,它可以很便捷的帮助你将本地内网的应用发布出去,比如:网站、数据库、硬盘文件、远程桌面、应用、游戏(如我的世界)等等,这样您就可以很方便的微信调试、自建云盘、异地办公等等,它不需要您有公网IP、不需要您有服务器、也不需要您设置任何路由器,只需要您安装软件进行简单设置即可直接使用。

vue-cli全家桶安装vue项目就不多说了,本地内置服务器用的是webpack-dev-server

本地启动 8080 端口之后,直接访问 http://localhost:8080/#index 启动成功说明可以看下面的配置了。

微信截图_20191224120132.png

启动网云穿穿透大法

如果没有注册请前往官方地址进行注册。[注册地址][2]

注册成功,申请开通隧道

开通免费端口自定义域名 biz.xiaomy.net ,设置 8080 端口和vue项目启动端口保持一致即可

完毕之后,点击官方最新直达地址[下载地址][1] 。

解压压缩包

执行网云穿内网穿透.exe

查看隧道

访问自定义 biz.xiaomy.net 不破不立

打开 http://biz.xiaomy.net ,发现不妙....

我了勒个去......

Invalid Host header 飘红的小红色字体,多么熟悉的感觉...

不服就干, 不让用可不行 , 干干干!

划重点,划重点,划重点 ,废话太多了.

最简单的方式,全网独1份创造

package.json 中的 script 中

"dev": "webpack-dev-server --disableHostCheck=true --inline --progress --config build/webpack.dev.conf.js"

访问成功

End 完美解决问题 ~~~