Angularの基本を勉強すべく、AngularCLIを使った新規プロジェクトを構築して、サーバを起動させたところまでは正常に進みました。
ところがホストOS側ブラウザで「http://(VM固定IP):4200」に入ろうとしても「接続が拒否されました。」という問題にぶつかりました。
WEBで調べた内容と書籍を見直して何度もトライしましたが、解決できず膠着状態です。
ぜひアドバイスをいただきたく質問させていただきます。
前提・実現したいこと
http://(VM固定IP):4200をホストOS側のブラウザでアクセスしてプロジェクトの画面が出るのがゴールです。
[追記] 2018/07/13 解決しました。
ng serve --host 0.0.0.0
で叩いたところサーバが通り解決しました。
ありがとうございました。
原因ですが下記参考資料に詳しく書かれていたことを後で知りました。
(参考資料)
https://mosapride.com/index.php/2017/02/23/post-154/
発生している問題・エラーメッセージ
このサイトにアクセスできません
(VM固定IP)で接続が拒否されました。
(VM固定IP) 4200 を Google で検索してください
ERR_CONNECTION_REFUSED
※アクセスがままならないためブラウザの開発者ツールのコンソールには何も出力されない状態です。
試したこと
-
プロジェクトフォルダを全て削除して
ng new test
で再構築してもエラーは出力無し。 -
ng serve
でサーバ起動すると「wdm」: Compiled successfully.
が出力される。 -
Apache(ポート80)からホストOS側ブラウザでアクセスしたら「It works!」が出力される。
-
firewall-cmd --zone=public --add-port=4200/tcp --permanent
でCentOSのポート4200は解放済。 -
ゲストOSのターミナルで
curl http://localhost:4200/
を叩くと、HTMLが返ってきます。エラー記述は見当たりません。 -
当質問から外れてしまいますがnode.jsとpython(flask)の簡易サーバーを起動して、ホストOS側ブラウザでアクセスすると正常に「Hello world」が表示されます。ポートも開放しています。
- node.js のserver.js => http://(VM固定IP):8000 (OK)
- flask のserver.py => http://(VM固定IP):15273(OK)
補足情報(FW/ツールのバージョンなど)
- ホストOS:Windows10
- VM:Windows版 Oracle virtualbox 5.2.12
- ゲストOS:CentOS 7.4 minimal版
- Apache2.4.6
- node v8.11.3
- npm 5.6.0
ng version
を叩いた結果
Angular CLI: 6.0.8
Node: 8.11.3
OS: linux x64
Angular:
...Package Version
@angular-devkit/architect 0.6.8
@angular-devkit/core 0.6.8
@angular-devkit/schematics 0.6.8
@schematics/angular 0.6.8
@schematics/update 0.6.8
rxjs 6.2.1
typescript 2.7.2
以上となります。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/07/13 13:27