第一种解决方案 设置允许访问的域名 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={// 跳过检查...
在本地的Vue-cli3项目, 需要其他人浏览. 如果没有外网的服务器, 可以把自己的电脑当做服务器. 这时候需要外网的人能访问到自己的电脑. 内网穿透工具: 这个有很多, 比如花生壳, Frp, ngrok, 我用的是国内的sunny-ngrok. 使用非常简单, 根据官网操作就可以. Invalid Host header 当启动了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....
解释"Invalid Host Header" 错误 "Invalid Host Header" 错误通常发生在开发环境中,当Web服务器(如Webpack Dev Server)接收到一个它认为无效的Host请求头时。这个错误通常出现在使用内网穿透工具(如ngrok、花生壳等)进行远程调试时,或者当本地hosts文件被修改以模拟不同的域名环境时。 可能导致 "Invalid Host Header...
内网穿透 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. 使用非常简单, 根据官网操作就可以....
vue解决vue项目中的“Invalid Host header” 在vue-cli版本为2.x的情况下修改webpack.dev.conf.js中的devServer对象加入disableHostCheck: true即可转发成功 代码语言:javascript 复制 devServer:{disableHostCheck:true,} vue-cli版本3.0的情况下修改vue.config.js的配置 ...
vue2.*在dev环境下,打开链接后控制台一直刷报错如下图: 解决办法: 第一步:修改根目录下/config/index.js文件内的host值为’127.0.0.1’ 第二步:修改根目录下/build/webpack.dev.conf.js文件内的devServer,在devServer下增加一行:disableHostCheck: true, 第三步:重新启动dev ...Web...