vue項目提示Invalid Host header

解決辦法

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

devServer: {
      disableHostCheck: true,
    }
複製代碼

相關原理

這是因爲新版的webpack-dev-server出於安全考慮，默認檢查hostname，若是hostname 不是配置內的，將中斷訪問。