产生原因

新版的webpack-dev-server增加了安全验证，默认检查hostname，如果hostname不是配置内的，将中断访问。

解决方案

在根目录下创建文件vue.config.js，然后填入如下内容

disableHostCheck: true,

Vue CLl 出现 Invalid Host header相关推荐

vue报错Invalid Host header
这个是因为webpack为了安全而设计的,可以修改项目build->webpack.dev.conf.js文件搜索或者找到以下相关代码添加一行代码 devWebpackConfig.devS ...
vue项目中的遇错：Invalid Host header
前言略现象在A服务器上使用npm run serve 启动项目,访问A服务器的地址,无错误. 在B服务器上使用nginx代理到A服务器,访问B服务器的地址,遇错"Invalid Hos ...
内网穿透访问Vue项目的时候出现Invalid Host header解决办法
出现Invalid Host header解决办法内网穿透适用场景: 在本地的Vue-cli3项目, 需要其他人浏览. 如果没有外网的服务器, 可以把自己的电脑当做服务器. 这时候需要外网的人能访 ...
【记录】解决uni-app 用nginx反向代理出现Invalid Host header问题
[记录]解决uni-app 用nginx反向代理出现Invalid Host header问题参考文章: (1)[记录]解决uni-app 用nginx反向代理出现Invalid Host head ...
vue2.5.2版本：MAC设置应用在127.0.0.1:80端口访问；并将127.0.0.1指向www.yours.com ；问题“ Invalid Host header”
0.设置自己的host文件,将127.0.0.1指向自己想要访问的域名 127.0.0.1 www.yours.com 1.MAC设置应用在127.0.0.1:80端口访问: config/index ...
vue-cli3出现Invalid Host header的解决方案
vue-cli3出现Invalid Host header的解决方案参考文章: (1)vue-cli3出现Invalid Host header的解决方案 (2)https://www.cnblog ...
Invalid Host header 服务器域名访问出现的问题
vue-cli搭建的环境,用nginx做代理服务器,访问时显示:Invalid Host header 经查是因为新版的webpack-dev-server出于安全考虑,默认检查hostname,如果 ...
Vue问题——webpack `Invalid Host/Origin header`
怎么解决webpack Invalid Host/Origin header问题问题原因: 这是webpack本身出于安全考虑,因为不检查主机的应用程序容易受到DNS重新绑定攻击.但是,在我们的开发 ...
vue项目中的“Invalid Host header”
devServer: {open: true, //是否自动弹出浏览器页面port: '8086',disableHostCheck: true //添加这一行},

Vue CLl 出现 Invalid Host header

产生原因

解决方案

Vue CLl 出现 Invalid Host header相关推荐

最新文章

热门文章