昨天搭好ngrok内网穿透服务，今天就迫不及待的把它用到现在手上正在做的vue项目中，但是页面并没有成功的展示出来，而是出现Invalid Host header
image.png
然后查询了一下原因，说是新版的webpack-dev-server增加了安全验证，默认检查hostname，如果hostname不是配置内的，将中断访问。
在vue.config.js文件中进行如下修改，这个文件默认是没有的，如果没有自己在根目录下新建一个就好了。
image.png
module.exports = {
devServer: {
disableHostCheck: true
}
}
然后重新启动就正常显示了。
昨天搭好ngrok内网穿透服务，今天就迫不及待的把它用到现在手上正在做的vue项目中，但是页面并没有成功的展示出来...
用localtunnel将webpack暴露给外网,但是访问时出现'Invalid Host header'错误....
内网穿透访问Vue项目的时候出现Invalid Host header解决办法 添加disableHostChec...
Invalid Host header修改vue.config.js的配置
1、DisallowedHost at /admin Invalid HTTP_HOST header: '119...
package.json: "scripts": { "dev": "webpack-dev-server -...
我们在命令行启动本地angular2+项目时，可以默认使用了localhost，这是使用127.0.0.1代替也是...
Invalid HTTP_HOST header: 'shelf_server.yangmin.xin'. The...
通过IP访问服务，需在命令行添加参数 --host 0.0.0.0 提示 invalid host header，...
npm start已经成功启动 无法访问 Invalid Host header 1.需要host npm st...
本文标题：vue-cli出现Invalid Host header
本文链接：https://www.haomeiwen.com/subject/bvclxctx.html
网友评论