この記事で、AWSのEC2のインスタンスからコードを編集するように環境構築したんですけど
yarn dev
したときにGoogle Chromeからlocalhostにつながらない問題が発生
同じ人がいたらをやれば一瞬で解決するのでやってみてください〜
手順
AWS EC2のコンソールを開く
localhostに接続したいインスタンスの行の"Security Group"をクリック
すでにあるSecurity Groupのinbound rulesを編集する
"Add rule"ボタンを押してのruleを追加
画像はlocalhost:3000
に接続したい場合
8000番に接続したいとか、3000と3004に接続したいとかだったら、Port rangeのところに8000
とか3000-3004
とか入れる
"Save rules"を押して終了
ブラウザでインスタンスのIPv4 Public IPに接続すればいける
(SSHを接続し直す必要はない)
例: localhost:3000
にWebアプリが立ち上がってる→18.217.xxx.xxx
:3000をブラウザに入れる