第一种解决方案 设置允许访问的域名 module.exports= {//...devServer: {allowedHosts: ['host.com',// 允许访问的域名地址,即花生壳内网穿透的地址'.host.com'// .是二级域名的通配符], }, }; 还有一种更简单的解决方案 更简单的解决方案 设置跳过host检查 // vue3 vue.config.jsmodule.exports= {//...
vue3使用花生壳代理出现 Invalid Host header 错误 找了一圈发现都是在vue.config.js中使用 devServer: { disableHostCheck: true } 但是项目运行的时候发现报错无法启动。 于是墙出去找到了答案。其实,在 webpack-dev-server@4中删除了该disableHostCheck选项allowedHosts: 'all'。 v3: module.exports= { devSer...
第一种解决方案 设置允许访问的域名 module.exports={//...devServer:{allowedHosts:['host.com',// 允许访问的域名地址,即花生壳内网穿透的地址'.host.com'// .是二级域名的通配符],},}; 还有一种更简单的解决方案 更简单的解决方案 设置跳过host检查 // vue3 vue.config.jsmodule.exports={// 跳过检查...
"Invalid Host Header" 错误通常发生在开发环境中,当Web服务器(如Webpack Dev Server)接收到一个它认为无效的Host请求头时。这个错误通常出现在使用内网穿透工具(如ngrok、花生壳等)进行远程调试时,或者当本地hosts文件被修改以模拟不同的域名环境时。 可能导致 "Invalid Host Header" 错误的原因 内网穿透工具的使用...
出现Invalid Host header解决办法 内网穿透 适用场景: 在本地的Vue-cli3项目, 需要其他人浏览. 如果没有外网的服务器, 可以把自己的电脑当做服务器. 这时候需要外网的人能访问到自己的电脑. 内网穿透工具: 这个有很多, 比如花生壳, Frp, ngrok, 我用的是国内的sunny-ngrok. 使用非常简单, 根据官网操作就可以....
问题:使用花生壳内网穿透只返回304,invalid host header 原因:新版的webpack-dev-server出于安全考虑,默认检查hostname,如果hostname不是配置内的,将中断访问。 解决:webpack.dev.conf.js添加配置 disableHostCheck: true, devServer:{clientLogLevel:'warning',historyApiFallback:{rewrites:[{from:/.*/,to:path....
内网穿透 vue 返回 invalid host header 简介:问题:使用花生壳内网穿透只返回304,invalid host header原因:新版的webpack-dev-server出于安全考虑,默认检查hostname,如果hostname不是配置内的,将中断访问。 问题:使用花生壳内网穿透只返回304,invalid host header...
出现Invalid Host header解决办法 内网穿透 适用场景: 在本地的Vue-cli3项目, 需要其他人浏览. 如果没有外网的服务器, 可以把自己的电脑当做服务器. 这时候需要外网的人能访问到自己的电脑. 内网穿透工具: 这个有很多, 比如花生壳, Frp, ngrok, 我用的是国内的sunny-ngrok. 使用非常简单, 根据官网操作就可以....
新版的webpack-dev-server出于安全考虑会默认检查hostname,用于防止不受信任的主机访问DevServer,当浏览器发出请求时,它会会检查请求中的主机头,若hostname没有配置在内,则中断访问。 三、项目环境 === Vue3:3.0.0 Npm:6.14.17 Node:16.13.0 四、
做微信H5网页时,使用花生壳内网穿透进行调试时,打开网页显示:invalid host header 分析问题 这句话的意思是:无效的Host请求头; 因为在vue在调试时相当于启动了一个服务器以供我们访问(当我们build后,就可以放在我们自己的nginx等服务器) 测试环境下的webpack有一个host检查功能:webpack的devServer中 ...