vue-cli3出现Invalid Host header的解决方案

 

 

 

 

最近用vue-cli3搭建了一个项目，结果一运行不停的报错，报错信息以下：

Invalid Host/Origin header

 

并且同时还发现另一个问题，就是热更新也失效了

产生缘由

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

解决方案

在根目录下建立文件vue.config.js，而后填入以下内容

module.exports = { devServer: { disableHostCheck: true, } }