More than 5 years have passed since last update.

仮想環境でvue-cliを実行するのに詰まった話（備忘録）

Last updated at 2020-03-06Posted at 2020-03-06

vue-cliで起動したサーバにホストブラウザからアクセスできなかったので、その解決方法。
0.0.0.0で外部からもアクセスできるようにするのは知っていたけどその設定をどこに書けばいいかわからりませんでした。

実行環境
virtulabox
centos7
node.js
vue-cli

1.hostとportの変更

/configndex.js

~
 host: '0.0.0.0',
 port: 8080,
~

0.0.0.0で外部からアクセスできようにする。
portは自由に設定。

プロジェクトルートは直下にvue.config.jsというファイルを作成。
そして以下を記述。

/vue.config.js

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

これでプロジェクトのルートで

npm run dev

を実行すれば
http://ゲストIP:8080
にアクセスできるはずです！