第一种解决方案 设置允许访问的域名 module.exports= {//...devServer: {allowedHosts: ['host.com',// 允许访问的域名地址,即花生壳内网穿透的地址'.host.com'// .是二级域名的通配符], }, }; 还有一种更简单的解决方案 更简单的解决方案 设置跳过host检查 // vue3 vue.config.jsmodule.exports= {//...
解决Vue 项目 invalid host header 问题(两种方案)
解决 Vue 项目 invalid host header 问题(两种方案)
打开浏览器,打开 www.szlsay.com:8080,界面显示Invalid Host header 问题原因 新版webpack-dev-server出于安全考虑,默认检查hostname,若是hostname 没有配置在内的,将中断访问。 解决方法 在vue.config.js中配置下面,配置完成重启工程 module.exports = { devServer: { disableH...
做微信H5网页时,使用花生壳内网穿透进行调试时,打开网页显示:invalid host header 分析问题 这句话的意思是:无效的Host请求头; 因为在vue在调试时相当于启动了一个服务器以供我们访问(当我们build后,就可以放在我们自己的nginx等服务器) 测试环境下的webpack有一个host检查功能:webpack的devServer中 ...
在使用vue-cli脚手架创建项目之后,如果通过内网映射把项目放到公网上去访问的时候会出现“Invalid Host header”的错误。 这个是因为webpack为了安全而设计的,如果你不会webpack也没有关系。vue-cli很贴心的提供了一些配置,可以很快速的解决这个问题。 这里我们可以参考:https://cli.vuejs.org/config/#vue-config-js...
解决Vue 项目 invalid host header问题disableHostCheck:true报错 配置vue.config.js 系统报错 // vue3 vue.config.js module.exports = { // 这个是给webpack-dev-server开启可IP和域名访问权限。 chainWebpack:…
解决vue项目中出现InvalidHostheader问题 解决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: { disable...
解决vue项目中的“Invalid Host header” 在本地配置host后,用域名访问会出现Invalid Host header解决方法:在vue-cli版本为2.x的情况下修改vue.config.js中的devServer对象加入disableHostCheck: true即可转发成功,如果没有该文件,新建一个即可 全部评论 推荐 最新 楼层 相关推荐 12-06 11:04 北京理工大学 机械...
在vue项目开发时,直接通过ip地址访问正常,但通过上面host域名方式访问,浏览器会显示一段文字:Invalid Host header。 这是由于新版webpack-dev-server出于安全考虑,默认检查hostname,如果hostname 没有配置在内的,将中断访问。 解决方法: 在vue.config.js的devServer配置文件加上disableHostCheck: true ...