[Vue.js]vue-cliでアプリを作成したら”Invalid Host header”が表示された

invalid-host-header

環境

  • サクラVPS
  • @vue/cli 4.5.9
  • vue create {project name}でアプリを作成したばかり

原因

外部アクセスを受け付けていなかったため。

解決法

ルートディレクトリにvue.config.jsを作成し、以下のように記述する

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

コメントを残す

メールアドレスが公開されることはありません。