vue项目提示Invalid Host header

解决办法

在webpack.dev.conf.js的devServer配置中添加disableHostCheck: true

devServer: {
      disableHostCheck: true,
    }
复制代码

相关原理

这是因为新版的webpack-dev-server出于安全考虑，默认检查hostname，若是hostname 不是配置内的，将中断访问。