uniapp出现Invalid Host/Origin header，[WDS] Disconnected!（解决办法）

最新推荐文章于 2023-12-04 23:12:00 发布
最新推荐文章于 2023-12-04 23:12:00 发布
阅读量1k 收藏
点赞数 4
分类专栏： uniapp 文章标签： uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_62842302/article/details/134136701
版权

再manifest.json源码视图找到h5
在devServer: 添加 “disableHostCheck”: true

"h5": {
		"devServer": {
			"disableHostCheck": true
			// "proxy": {
			// 	"/apis": {
			// 		"target": "",
			// 		"changeOrigin": true,
			// 		"secure": false,
			// 		"pathRewrite": {
			// 			"^/apis": "/"
			// 		}
			// 	}
			// }
		},
		"router": {
			"mode": "hash"
		},
		"template": "",
		"title": ""
	}

从你的全世界路过呀
关注
  • 4
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
uni-app - Invalid Host header （访问网页出现此报错信息，主机标头无效）详细解决方案
王佳斌
11-28 5740
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
uniapp h5中疯狂报错Invalid Host/Origin header
qq_51538602的博客
09-27 1058
结果把端口号从8080改成跟别的项目都不一样的端口8090就好了！
控制台一直报错， [WDS] Disconnected!
热门推荐
马优晨
05-22 3万+
控制台一直报错， [WDS] Disconnected! ，别担心，这里我告诉你解决方案： （1）方案： 在你的webpack配置文件里面找到devServer，然后配置这个 （2）参考地址： https://github.com/webpack/webpack-dev-server/issues/851 （3）原因： win10默认设置的ipv6的优先级高于ipv4，所以把localho...
[WDS] Disconnected解决方法
Jadon_z的个人博客
11-18 2208
[WDS] Disconnected解决方法
vue项目本地映射到外网访问时出现 Invalid Host header
不忘的博客
11-19 944
新版的webpack-dev-server增加了安全验证，默认检查hostname，如果hostname不是配置内的，将中断访问。通过公网访问本机运行的vue项目，访问时遇到的问题。
关于uniapp的跨域
F2691898750的博客
04-08 6015
在请求接口的时候，无论是否需要登录凭证，都报跨域错误；只有需要登录凭证的接口会报跨域错误，其它的公共接口正常请求；请求发出了，后端返回数据报错（token key 为空）四、请求发出，没有报跨域错误，请求头上也有token，但返回数据始终未登录各位同道在遇到后端对接跨域问题的时候可以做参考。关于cors（设置响应头组件）前端应该了解的部分：例如首页轮播图等，这种就是需要处理跨域，处理方式为：在manifest.json-源码视图-"h5"中加上：在很多人使用uniapp，与后端对接时有事会遇到跨域线上开发则
uniapp搭建内网映射测试https域名
最新发布
qq_29427541的博客
12-04 475
使用，使用宝塔申请免费https证书，需要先关闭宝塔nginx的反向代理，申请完域名后再开启反向代理即可。
【uniapp】跨域代理及一些常见问题：
SunPeng的博客
08-02 4253
【uniapp】跨域代理及一些常见问题：，uniapp跨域报错Faild to load response data: No resourse with given identifier found
uniapp监控网络网络断开的体验优化解决
lyz246859的博客
05-30 3643
111
uniapp h5项目调试 Invalid Host header
caihuawei123的博客
09-11 2065
uniapp h5项目调试 "h5" : { "router" : { "mode" : "history" }, "devServer" : { "https" : false, "disableHostCheck": true } } 需要再manifest.json 里的h5的配置devServer “disableHostCheck”: true ...
详解@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 } 最后
解决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的配置 ...
java 出现Zipexception 异常的解决办法
08-29
主要介绍了java 出现Zipexception 异常的解决办法的相关资料,出现 java.util.zip.ZipException: error in opening zip file 异常的原因及解决方法，需要的朋友可以参考下
Mybatis出现ORA-00911: invalid character的解决办法
09-09
今天在项目中，使用Mybatis对oracle数据库进行操作的时候，报出ORA-00911: invalid character的错误，检查了一下SQL，发现都书写正确啊，复制到plsql上执行也都没问题，这什么原因呢，下面通过本文给大家解答下
解决Invalid Host/Origin header，[WDS] Disconnected!报错
Debug的博客
03-21 2073
第一步：第二步：第三步：重新启动dev即可
解决uni-app或vue项目 用nginx反向代理出现Invalid Host header问题
qq_41585377的博客
06-12 887
1.uniapp解决方案 修改uni-app的manifest.json文件 - 》源码视图 2.vue项目 参考Invalid Host header 服务器域名访问出现的问题
uniapp mqtt 频繁断开和重连问题（android真机）
专注基础架构领域
06-22 9469
公司是做物联网相关产品的，这段时间项目组遇到了uniapp打包的android离线apk，出现mqtt频繁断开&重连的问题，如果你看到这篇文章，说明你运气好，恭喜你，你的问题可以被解决了。 首先我们使用的mqtt.js版本是@4.1.0 的mini版本，下载地址： https://unpkg.com/mqtt@4.1.0/dist/mqtt.js 出现频繁断连和重连的原因可能是以下几点中的其中一个： 1、mqtt.js底层没有对你调用它方法传入的callback函数做异常捕获，所以你所有的c
webpack `Invalid Host/Origin header`问题
菜鸟karroy
04-26 1816
问题描述 webpack Invalid Host/Origin header问题 解决办法 这是webpack本身出于安全考虑，因为不检查主机的应用程序容易受到DNS重新绑定攻击。但是，在我们的开发环境下，可以禁用掉disableHostCheck这一配置项。 在config目录中的index.js中添加如下module.exports配置：disableHostCheck: true, ...
uniapp开发环境H5环境代理
lin13958756858的博客
08-11 722
打开manifest.json文件，如下图所示 "h5" : { "title" : "xrnh-shop", "domain" : "", "router" : { "mode" : "hash", "base" : "./" }, "devServer" : { "https" : false,//是否启用https协议 "disableHos.
natapp出现Invalid Host header
09-01
当使用natapp进行内网穿透时，有时可能会遇到"Invalid Host header"的问题。这个问题通常是由于请求头中的Host字段与服务器配置不匹配所导致的。 解决这个问题的方法有几种。如果你使用的是vue脚手架版本为5，你可以在项目的vue.config.js文件中进行配置。你可以在allowedHosts数组中添加你的natapp域名，例如.natappfree.cc，以允许该域名的请求通过。这样，当你访问natapp的随机域名时，就不会再出现"Invalid Host header"的问题了。 而在vue-cli版本为2.x的情况下，你可以修改项目目录中的webpack.dev.conf.js文件，在devServer对象中加入disableHostCheck: true的配置项。这将禁用主机检查，从而解决"Invalid Host header"的问题。 通过以上的配置，你应该能够成功解决natapp出现"Invalid Host header"的问题。请注意根据你使用的具体版本和工具进行相应的配置。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [natapp遇到Invalid Host header问题的解决方案](https://blog.csdn.net/Xiaoqiang_1997/article/details/121900705)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [解决vue脚手架5.0版本使用natapp访问时出现invalid Host header问题](https://blog.csdn.net/qq_52016756/article/details/125987305)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值