内网穿透 Vue项目出现Invalid Host header 的解决方案

用内网穿透，映射本地Vue项目给外网访问，出现Invalid Host header，下面给出两个解决方案一、针对UNI-APP1.先启动UNI项目，使本地访问可以访问，如下图2. 打开内网穿透，这里我用的是小蚂蚁，如下图设置，填写端口和ip3.此时访问软件赠送的二级域名，会出现如下结果：4.打开HBuilder，打开项目的manifest.json...

不一般的小蚂蚁

4418人浏览 · 2019-07-16 16:58:36

不一般的小蚂蚁 · 2019-07-16 16:58:36 发布

用内网穿透，映射本地Vue项目给外网访问，出现Invalid Host header，下面给出两个解决方案

一、针对UNI-APP

1.先启动UNI项目，使本地访问可以访问，如下图

2. 打开内网穿透，这里我用的是小蚂蚁，如下图设置，填写端口和ip

3.此时访问软件赠送的二级域名，会出现如下结果：

4.打开HBuilder，打开项目的manifest.json

6.新增一段配置文件

"h5":{
		"devServer":{
			"disableHostCheck":true
		}
},

6. 重启项目，即可成功访问。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^