免费内网穿透工具（端口映射）穿透内网VUE_原创

免费内网穿透工具（端口映射）穿透内网VUE

鲤鱼与驴1- 2020-11-06 09:15

众所周知，我们本地vue在本地服务器可以访问。但是如果想通过外网访问又没有公网ip的情况下。该怎么去实现呢，其实解决的方法很简单，给大家分享下我的使用心得：

搭建 vue 项目并保证正常可以访问

vue-cli 全家桶安装 vue 项目就不多说了，本地内置服务器用的是 webpack-dev-server 本地启动 8080 端口之后，直接访问 http://localhost:8080/#index 启动成功说明可以看下面的配置了。

免费内网穿透工具（端口映射）穿透内网VUE_新浪众测

启动网云穿客户端这里以 pc 版为例。假设您已经注册安装了客户端，并已经开通了隧道。如果没有注册请前往官方地址进行注册并领取免费隧道。www.xiaomy.net

免费内网穿透工具（端口映射）穿透内网VUE_新浪众测

注册成功，官网领取免费隧道

免费内网穿透工具（端口映射）穿透内网VUE_新浪众测

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

免费内网穿透工具（端口映射）穿透内网VUE_新浪众测

完毕之后，点击官方最新下载地址，下载 windows 客户端。解压压缩包执行网云穿内网穿透.exe

免费内网穿透工具（端口映射）穿透内网VUE_新浪众测

查看隧道

免费内网穿透工具（端口映射）穿透内网VUE_新浪众测

通过网云穿外网访问本地 vue 全家桶遇到 vue 访问失败的问题Invalid Host header 飘红的小红色字体，多么熟悉的感觉...

免费内网穿透工具（端口映射）穿透内网VUE_新浪众测

解决办法package.json 中的 script 中

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

免费内网穿透工具（端口映射）穿透内网VUE_新浪众测

访问成功

免费内网穿透工具（端口映射）穿透内网VUE_新浪众测

（声明: 本文著作权归作者本人和新浪众测共同所有，未经许可不得转载。本文仅代表作者观点，不代表新浪众测立场。）

0 0

一直申请不到试用资格？

投稿优质的原创内容会增加试用机会哦~

去投稿

我要投稿

原创推荐

03-05

02-25

01-09