vue3.0 本地調試時Invalid Host header

問題場景：

vue在開發時只能在本地瀏覽器里查看效果，我想在手機端真機調試，連接的代碼還是本地環境，這樣就不用頻繁的發布了，於是綁定域名並指向本機的localhost:8080；
但是用域名訪問時瀏覽器輸出確報錯了；

Invalid Host header

原因：

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

解決方案

可以直接關閉檢測：
在 vue.config.js 文件內增加

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