Vue3でWebページを表示しようとしたらInvalid Host Headerと表示される

• 
• Tweet

例えば、 example.localを127.0.0.1にマッピングして、example.localでアクセスした時にInvalid Host Headerと表示される。

vue.config.jsで次の設定を入れる

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

参考

• new vue.js project preview yields “Invalid Host header”