仮想環境でvue-cliを実行するのに詰まった話(備忘録)
vue-cliで起動したサーバにホストブラウザからアクセスできなかったので、その解決方法。
0.0.0.0で外部からもアクセスできるようにするのは知っていたけどその設定をどこに書けばいいかわからりませんでした。
実行環境
virtulabox
centos7
node.js
vue-cli
1.hostとportの変更
/configndex.js
~
host: '0.0.0.0',
port: 8080,
~
/configndex.js
~
host: '0.0.0.0',
port: 8080,
~
0.0.0.0で外部からアクセスできようにする。
portは自由に設定。
2.vue.config.jsを追加
プロジェクトルートは直下にvue.config.jsというファイルを作成。
そして以下を記述。
/vue.config.js
module.exports = {
devServer: {
disableHostCheck: true
}
}
これでプロジェクトのルートで
npm run dev
を実行すれば
http://ゲストIP:8080
にアクセスできるはずです!
参考にさせていただいたサイト・記事
https://qiita.com/white0221/items/d371a19b59af4cba8e8b
https://blog.ark3.net/2018/07/26/204/
Author And Source
この問題について(仮想環境でvue-cliを実行するのに詰まった話(備忘録)), 我々は、より多くの情報をここで見つけました https://qiita.com/hibiking/items/1086ff22dacbee07a6d0著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .