Vue.jsをAWS Cloud9で開発する時の開発サーバのinvalid hedder errorの解消方法

最近Vue.jsをAWS Cloud9上で利用する機会があったが、その際にpreviewでlocalhostがhedderエラーとなったので、その解決方法。

npm run serve

をしたら、以下のエラーが表示され、previewが表示されない。

invalid hedder error

以下の内容でvue.config.jsを作成し、プロジェクトディレクトリの配下（具体的にはpackage.jsonなどと同じ階層）に配置すればOK。

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

ES6だと以下のような書きぶり。

export const devServer = {
  disableHostCheck: true
};

これでAWS Cloud9でも開発サーバがきちんと立ち上がり、確認できる。