vue-cli3出現Invalid Host header的解決方案

發現場景

最近用vue-cli3搭建了一個項目，結果一運行不停的報錯，報錯信息如下：

Invalid Host/Origin header

而且同時還發現另外一個問題，就是熱更新也失效了

產生原因

新版的webpack-dev-server增加了安全驗證，默認檢查hostname，如果hostname不是配置內的，將中斷訪問。

解決方案

在根目錄下創建文件vue.config.js，然後填入如下內容

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

重啓服務，發現熱更新也好了。