常德行业网站,亦庄网站建设公司,重庆移动网站建设,企业外贸网站推广摘要
通过内网穿透#xff0c;访问本地Hbuilder创建的Vue项目
前置准备 下载并安装【HBuilder】#xff0c;本文用的是HBuilder3.8.12版本#xff0c;下载地址 下载并安装【微信开发者工具】#xff0c;本文用的是1.06版本#xff0c;下载地址 下载并安装【natapp】访问本地Hbuilder创建的Vue项目
前置准备 下载并安装【HBuilder】本文用的是HBuilder3.8.12版本下载地址 下载并安装【微信开发者工具】本文用的是1.06版本下载地址 下载并安装【natapp】下载地址
实现逻辑 本地使用Hbuilder进行开发并运行起来配置为80端口 使用natapp获取本地穿透的域名地址 在微信公众平台配置安全域名 使用本地穿透域名在微信开发者工具中访问系统
创建项目
创建uni-app的H5默认模板项目 配置启动端口为80 选中App.vue【运行】-【运行到内置浏览器】 注册并启动natapp
注册后可在我的隧道中获取到免费的隧道 下载natapp在config.ini中配置authtoken在我的隧道列表中可获得 编辑cinfig.ini文件将authtoken填写到对应位置 双击natapp.exe启动就会获取到一个域名指向本机的80端口 直接访问这个域名即可访问到本地系统因为是随机的所以实际访问的时候和截图的不一样 出现问题
Invalid Host header
解决办法
打开manifest.json文件打开【源码视图】在【decServer】中添加【“disableHostCheck” : true】即为跳过host检查 h5 : {devServer : {disableHostCheck : true,https : false,port : 80}}
