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

 

 

 

 

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

Invalid Host/Origin header

 

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

產生緣由

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

解決方案

在根目錄下建立文件vue.config.js，而後填入以下內容

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