Vue.jsにて、サーバーが起動できない(localhost:8080 が起動しない)

Question

初学者です。
Vue.jsで開発をしようと試みているのですが、ローカルでサーバが起動できずいきなりつまづいてしまいました。

プロジェクトの作成はできており、
npm run serve
でプロジェクトを実行しようとしたところ、

INFO  Starting development server...
98% after emitting CopyPlugin

 DONE  Compiled successfully in 2299ms                                                                                                               1:31:11 AM


  App running at:
  - Local:   http://localhost:8080/ 
  - Network: http://172.31.74.3:8080/

  Note that the development build is not optimized.
  To create a production build, run npm run build.

ここまではうまくできました。
しかし、localhostにアクセスしようとしたところ、

](6da99f027630ecbd46393a52096964f2.png)

このように表示されてしまいました。
一応初学者なりにファイアウォールやプロシキについても調べてみたのですがうまくいかず、、

また、cloud9で開発しているのですが、

You may be using the wrong PORT & IP for your server application.Try passing port 8080 to properly launch your application.

という表記もされています。

説明不足、技術不足な点あると思いますが、皆様のお力をお借りしたいです。
よろしくお願いいたします。

Answer 1

AWS Cloud9でVue.js開発、devServerを自動的に設定する。- Qiitaで似た様なことを行っていました。参考になりますでしょうか？

Comments

[Take.Y]

セキュリティグループのところに変更を加えたところ、うまくできました！
ありがとうございます！