身思乐,人事爱,稳恒不言败!

vue项目提示Invalid Host header

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

devServer: { 
    disableHostCheck: true,
}

相关原理
这是由于新版的webpack-dev-server出于安全考虑,默认检查hostname,如果hostname 不是配置内的,将中断访问。