uniapp 内网穿透访问 H5 显示 Invalid Host header

最新推荐文章于 2024-06-19 11:01:44 发布
最新推荐文章于 2024-06-19 11:01:44 发布
阅读量371 收藏
点赞数 1
文章标签： uni-app 前端 服务器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43387812/article/details/136812822
版权

解决：
在 manifest.json 中 选择 源码视图 在 H5 配置项中 添加 disableHostCheck：true

"h5": {
		"title": "",
		"domain": "",
		"devServer": {
			"disableHostCheck": true,
			"port": 8081
		},
		
	},
哈哈哈嗝哈哈哈
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
uni-app - Invalid Host header （访问网页出现此报错信息，主机标头无效）详细解决方案
王佳斌
11-28 5660
uniapp Invalid Host header，Invalid Host header 问题解决，uniapp 报错Invalid Host header，Invalid Host header 服务器域名访问出现的问题，解决uni-app 用nginx反向代理出现Invalid Host header问题，uniapp 项目访问报错Invalid Host header，uniapp 项目中 报错Invalid Host header时该如何处理，uniapp 报错Invalid Host head
详解@Vue/Cli 3 Invalid Host header 错误解决办法
12-09
我的host设置 报错如下： 解决办法： @Vue/Cli 3 在vue.config.js里加上 .disableHostCheck(true) vue-cli 在webpack.dev.conf.js里加上 devServer: { disableHostCheck: true } 最后
uniapp 报错Invalid Host header
词不达意难知的博客
06-15 2885
内网穿透导致报错 Invalid Host header 项目根目录 manifest.json——>源码视图 ——> 添加 ——> "devServer" : { "disableHostCheck":true },
内网穿透 Vue项目出现Invalid Host header 的解决方案
不一般的小蚂蚁的博客
07-16 4246
用内网穿透，映射本地Vue项目给外网访问，出现Invalid Host header，下面给出两个解决方案 一、针对UNI-APP 1.先启动UNI项目，使本地访问可以访问，如下图 2. 打开内网穿透，这里我用的是小蚂蚁，如下图设置，填写端口和ip 3.此时访问软件赠送的二级域名，会出现如下结果： 4.打开HBuilder，打开项目的manifest.json ...
uniapp 项目中 报错Invalid Host header时该如何处理
qq_38317076的博客
07-06 1344
设置h5 配置里 devServer 里的 disableHostCheck为true即可。放在h5 的配置里即可 重启 完活。
uniapp 项目访问报错Invalid Host header
qq_27195727的博客
03-15 1368
直接上代码 设置h5 配置里 devServer 里的 disableHostCheck为true即可 "devServer" : { "disableHostCheck":true }, 如图 完活 重启
uniapp出现Invalid Host/Origin header，[WDS] Disconnected!（解决办法）
逍遥的博客
10-31 1014
在devServer: 添加 “disableHostCheck”: true。再manifest.json源码视图找到h5。
h5 微信公众号本地调试【内网穿透】前端uniapp 后端java springboot
weixin_40918145的博客
12-19 2039
点击左侧仪表盘的状态——在线隧道列表，可以看到刚刚创建的隧道已经有生成了相应的公网地址，一个http协议，一个https协议（免去配置ssl证书的繁琐步骤），均可以访问到本地web服务，复制公网地址。如果提示没有权限保存，将hosts文件拖拉至桌面，用编辑工具打开后，编辑，保存，再拖拉回 C:\Windows\System32\drivers\etc。提示隧道创建成功后，页面自动跳转至隧道列表，可以看到刚刚创建成功的tunnel-1隧道，状态active，表示为正常在线，注意无需再次点击启动。
解决vue项目中出现Invalid Host header的问题
01-18
在vue-cli版本为2.x的情况下修改webpack.dev.conf.js中的devServer对象加入disableHostCheck: true devServer: { disableHostCheck: true, } vue-cli版本3.0的情况下修改vue.config.js的配置 ...
uniapp 微信H5分享 下载就能用
12-15
针对uniapp 微信H5分享，我已经封装好，非常方便好用，有需要的朋友可以去下载，更多详细使用内容可以看我的博客https://blog.csdn.net/nihao123456789222/article/details/121954495
解决invalid LOC header (bad signature)问题
11-27
invalid LOC header (bad signature)问题解决，快速查找与删除有问题的jar包
关于uniapp的跨域
F2691898750的博客
04-08 5993
在请求接口的时候，无论是否需要登录凭证，都报跨域错误；只有需要登录凭证的接口会报跨域错误，其它的公共接口正常请求；请求发出了，后端返回数据报错（token key 为空）四、请求发出，没有报跨域错误，请求头上也有token，但返回数据始终未登录各位同道在遇到后端对接跨域问题的时候可以做参考。关于cors（设置响应头组件）前端应该了解的部分：例如首页轮播图等，这种就是需要处理跨域，处理方式为：在manifest.json-源码视图-"h5"中加上：在很多人使用uniapp，与后端对接时有事会遇到跨域线上开发则
uni - app踩坑：编译H5解决浏览器跨域问题
一条小绵羊的博客
05-07 1802
uniapp编译到app是不存在跨域问题的，但是编译到H5就会有跨域问题。记录一下工作中遇到跨域及解决跨域方法 方法一：直接编译Hbuilder内置浏览器，能解决跨域，但是内置浏览器调试没有谷歌爽 方法二：在manifest.json文件中配置跨域，该方法类似vue.config.js中的devServer 步骤一 实例 步骤一 代码 "h5" : { "devServer" : { "disableHostCheck" : true, // 开启可以用自己的域名
vue uniapp内网穿透
weixin_44575130的博客
05-08 1201
uniapp内网穿透 // manifest.json "h5" : { "devServer": { "port": 8080, // 端口号 "historyApiFallback": true, "host": "*.*.*.*", // 电脑ip地址 "disableHostCheck": true, "noInfo": true }, "router":{ "mode":"history"
uniapp搭建内网映射测试https域名
qq_29427541的博客
12-04 457
使用，使用宝塔申请免费https证书，需要先关闭宝塔nginx的反向代理，申请完域名后再开启反向代理即可。
uniapp h5发行成链接，同局域网查看网页的方法
yehaocheng520的博客
09-01 2210
uniapp h5发行 点击 "发行"菜单中的“网站-H5手机版(仅适用于uniapp)” 点击上面弹窗中的“发行”按钮，然后会在控制台中进行打包编译。 编译完成，生成文件夹： 双击打开Index.html文件，然后修改地址链接： 查看电脑IP地址 按键盘上面的win+R,调出运行窗口。 直接点击确定按钮，进入命令提示符窗口。 在此窗口中输入 ipconfig 找到WLAN一项，记录一下IP地址。 然后将IP地址输入到之前的网页地址中。 如下链接： http://192.168.0.58:8080
UniApp多端开发H5跨域问题报错解决
weixin_51828648的博客
06-27 3853
解决uniappH5端运行报错，跨域问题的解决
uni app 树状结构数据展示
最新发布
yuehua_zhang的博客
06-19 543
注意 treedata 中 isshow 是翻着的 false 展示 true 隐藏 isopen 是正常 false 关闭 true 展开。name: '僧1-曾1-重1-孙1-子1-节点2',name: '僧1-曾1-重1-孙1-子2-节点2',name: '曾1-重1-孙1-子1-节点2',name: '曾1-重1-孙1-子2-节点2',树状数据展示，可以点击item 将点击数据给父组件 ，满足自己需求。name: '重1-孙1-子1-节点2',uselast 只能使用末级。
本地内网穿透vue2 Invalid Host header
05-02
这个错误通常是由于使用了反向代理或负载均衡器等中间件，导致请求的 Host 头与实际的主机名不一致而引起的。解决这个问题需要修改 Vue.js 项目的配置。 你可以在 `config/index.js` 文件中添加一行配置： ```js dev: { // ... disableHostCheck: true }, ``` 这样就可以关闭 Vue.js 开发服务器对 Host 头的检查，从而解决该问题。请注意，这样可能会存在一定的安全风险，因此请酌情使用。 如果你使用的是 Vue CLI 3.x，可以在 `vue.config.js` 文件中添加以下配置： ```js module.exports = { devServer: { disableHostCheck: true } } ``` 这样也可以达到同样的效果。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值