【vue-cli エラー】npm run serveしInvalid Host/Origin Headerが出た時の対処法

vue-cliでプロジェクトを作成しnpm run serveでサーバーを起動すると「Invalid Host/Origin Header」のエラーが出てしまう！

vue-cliでプロジェクトを作成しnpm run serveでサーバーを起動したときに「Invalid Host/Origin Header」のエラーが表示されてうまくサイトを閲覧できない！・・・このサイトではvue-cliで作ったプロジェクトをnpm run serveした時のInvalid Host/Origin Headerのエラーが出たときの対処方法についてご紹介します

npm run serveのエラー「Invalid Host/Origin Header」の対処方法

1. vue-cliを使ってたらInvalid Host/Origin Headerが出てしまった
2. vue-cliで作ったプロジェクトに「vue.config.js」を設置

① vue-cliを使ってたらInvalid Host/Origin Headerが出てしまった

vue-cliでプロジェクトを作成しVue.jsを使おうとしたら

のエラーがブラウザに表示されてVue.jsが使えない・・

② vue-cliで作ったプロジェクトに「vue.config.js」を設置

vue.config.jsのファイルを作ったプロジェクト直下に配置しファイルには

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

を記述する。記述した後で再度

を実行しブラウザを開いてみる

以上で、「【vue-cli エラー】npm run serveしInvalid Host/Origin Headerが出た時の対処法」の説明を終わります。