内网穿透工具--->cpolar简介(电脑也是一台服务器)
作用:本地电脑能获得临时的外网访问域名
简单解释:你的电脑就是一台服务器,你本地写的项目,手机可以访问
我只使用windows版本的,所以只介绍windows的安装及使用操作
一、下载
账号注册登录什么的我就不介绍了
https://dashboard.cpolar.com/get-startedi.cpolar.com/m/5ZJM
二、安装
三、环境配置
1)复制官网的隧道Authtoken
2)找到刚才软件的安装路径
点击cpolar.exe
3)输入: cpolar.exe authtoken 粘贴刚复制的隧道Authtoken
回车 会自动生成内网穿透的配置文件
4)输入 cpolar.exe http 8080 ----->代表通过域名访问我们本地的8080端口(这端口根据自己启动的项目填写)
恭喜你,你已经成功生成了一个临时的外网访问域名了
四、验证
1)启动项目
2)输入域名访问
鸡鸡,报错啦!
施主莫慌,快请度娘......
五、问题及解决
问题1:我是uni-app前端项目 通过域名访问报错Invalid Host header
原因1:错误通常发生在使用 Webpack 开发服务器或类似工具时,由于安全原因,它会对请求的主机头(Host header)进行验证。这种情况通常在以下场景中出现:
- 你在非本地主机(如局域网中的另一台设备)上 访问开发服务器。
- 使用代理或不同的主机名来访问开发服务器。
- 百度的
解决1:在manifest.json设置h5配置里devServer里的disableHostCheck为true即可,代码如下:
"devServer" : {
"disableHostCheck":true
},
重启服务,重新访问
这个地方的devServer里有好几个配置参数,自己扩展
成功点亮
六、额外介绍
点击如上图所示
点击结果如下图所示
这里可以停止域名访问本地的服务,亲测有效
其他的自己去研究吧
OK啦,结束,关于内网穿透使用欢迎大家一起探讨......