More than 5 years have passed since last update.

cloud9でvue.jsプロジェクトをrunしたらエラーになった話

Last updated at 2019-02-23Posted at 2019-02-23

技術書をせっせこやっていこう

どうにも買って満足してしまうのですが、技術書は買っても手を動かさないとスキルにならない。
積んでる本を消化していかんとね、とぽちぽちやり始めた。

npm run devしたら「Invalid Host header」が出た。
プロジェクトを作り直しても変わらずで、5分くらい詰んだ。

ググったら速攻で出て来た。
次からは3分悩んでダメだったら検索することにしよう。

　(前略）
　　：
  devServer: {
    historyApiFallback: true,
    noInfo: true,
    overlay: true
  },
　　：
　(以下略)

これ(↑)をこんな感じ(↓)に「disableHostCheck:true」を追加する。
追加する際は直前のオプションの最後尾にカンマを入れ忘れないように注意。

　(前略）
　　：
  devServer: {
    historyApiFallback: true,
    noInfo: true,
    overlay: true,
    disableHostCheck: true
  },
　　：
　(以下略)

するとこーなる。

やったぜ！