做微信H5网页时,使用花生壳内网穿透进行调试时,打开网页显示:invalid host header 分析问题 这句话的意思是:无效的Host请求头; 因为在vue在调试时相当于启动了一个服务器以供我们访问(当我们build后,就可以放在我们自己的nginx等服务器) 测试环境下的webpack有一个host检查功能:webpack的devServer中 如果不配置host...
解决Vue 项目 invalid host header 问题(两种方案)
解决 Vue 项目 invalid host header 问题(两种方案)
第一种解决方案 设置允许访问的域名 module.exports={//...devServer:{allowedHosts:['host.com',// 允许访问的域名地址,即花生壳内网穿透的地址'.host.com'// .是二级域名的通配符],},}; 还有一种更简单的解决方案 更简单的解决方案 设置跳过host检查 // vue3 vue.config.jsmodule.exports={// 跳过检查...
出现Invalid Host header解决办法 内网穿透 适用场景: 在本地的Vue-cli3项目, 需要其他人浏览. 如果没有外网的服务器, 可以把自己的电脑当做服务器. 这时候需要外网的人能访问到自己的电脑. 内网穿透工具: 这个有很多, 比如花生壳, Frp, ngrok, 我用的是国内的sunny-ngrok. 使用非常简单, 根据官网操作就可以....
1.项目运行时页面提示Invalid Host header 2.localhost能直接访问,配置host代理后提示Invalid Host header 原因: 由于webpack-dev-server升级后,为了host安全,启动的项目配置host会被禁用,需要设置disableHostCheck=true. 设置disableHostCheck=true有二个途径。
解决vue项⽬中出现InvalidHostheader的问题在vue-cli版本为2.x的情况下修改webpack.dev.conf.js中的devServer对象加⼊disableHostCheck: true devServer: { disableHostCheck: true,} vue-cli版本3.0的情况下修改vue.config.js的配置 module.exports = { devServer: { disableHostCheck: true } } 补充知识...
出现Invalid Host header解决办法 内网穿透 适用场景: 在本地的Vue-cli3项目, 需要其他人浏览. 如果没有外网的服务器, 可以把自己的电脑当做服务器. 这时候需要外网的人能访问到自己的电脑. 内网穿透工具: 这个有很多, 比如花生壳, Frp, ngrok, 我用的是国内的sunny-ngrok. 使用非常简单, 根据官网操作就可以....
解决Vue 项目 invalid host header问题disableHostCheck:true报错 配置vue.config.js 系统报错 // vue3 vue.config.js module.exports = { // 这个是给webpack-dev-server开启可IP和域名访问权限。 chainWebpack:…
解决vue项目中的“Invalid Host header” 在本地配置host后,用域名访问会出现Invalid Host header解决方法:在vue-cli版本为2.x的情况下修改vue.config.js中的devServer对象加入disableHostCheck: true即可转发成功,如果没有该文件,新建一个即可 全部评论 推荐 最新 楼层 相关推荐 12-06 11:04 北京理工大学 机械...