前言
内网穿透介绍
大家都知道在局域网内的电脑可以通过各自的IP地址互相访问,这个地址可以说是内网地址。但是其他公司或者其他人就不可以通过你的IP地址去访问你的电脑。简单来说内网地址用内网IP去访问,外网地址用外网IP去访问。所以如果你想要外网IP可以访问你的地址,就需要去配置内网穿透。它的原理是将你的内网IP地址通过一定的技(菜)术(是)手(原)段(罪)转换成公网地址,这样通过外网IP就可以访问你的本地的内容了。
使用
内网穿透的实现方式有很多种,本次介绍采用的是钉钉内网穿透工具,详见钉钉开发文档。
- 下载内网穿透工具
git clone https://github.com/open-dingtalk/pierced.git //如果GitHub很卡下载很慢的话,可以去码云搜索钉钉内网穿透
-
根据自己的电脑系统选择对应的软件-以window为例
//注意本次是在window_64文件夹里执行的命令行,ctrl+shift+鼠标右键,在此处启动命令行(powershell) ding -config=ding.cfg -subdomain=abcde 8080命令参数说明
参数 说明 -config 内网穿透的配置文件,按命令照示例固定为钉钉提供的./ding.cfg,无需修改 -subdomain 自定义的的域名前缀,该前缀将会匹配到“vaiwan.com”前面,例如你的subdomain是abcde,启动工具后会将abcde.vaiwan.com映射到本地。 端口 需要代理的本地服务http-server端口,例如本地端口启动的服务端口为8080等 -
测试内网穿透是否成功
此时你访问的应该是abcde.vaiwan.com/xxxx,而不是htt…
-
注意事项
1.你需要访问的域名是abcde.vaiwan.com/xxxxx 而不是abcde.vaiwan.com:8080/xxxxx
2.你启动命令的subdomain参数有可能被别人占用,尽量不要用常用字符,可以用自己公司名的拼音,例如:alibaba、dingding等。
3.可以在本地起个http-server服务,放置一个index.html文件,然后访问abcde.vaiwan.com/index.html测… -
一些第一次使用时报错的问题解决
- Invalid Host header
// 一种是设置跳过host检查,一种是直接host设置成你的地址 // 使用的是第一种方法,vue/cli版本高的在vue.config.js,版本比较低的在config/index中(具体百度) devServer: { disableHostCheck: true }