rails sでブラウザの読み込みができない

Question

前提・実現したいこと

rails sでサーバーを立ち上げるときに、ターミナル上では下記のように立ち上がっているはずですが、ブラウザで読み込むことができません。

よろしくお願いいたします。

発生している問題・エラーメッセージ

rails s -b 0.0.0.0
=> Booting Puma
=> Rails 6.1.3 application starting in development 
=> Run `bin/rails server --help` for more startup options
Puma starting in single mode...
* Puma version: 5.2.1 (ruby 2.7.1-p83) ("Fettisdagsbulle")
*  Min threads: 5
*  Max threads: 5
*  Environment: development
*          PID: 17177
* Listening on http://0.0.0.0:3000
Use Ctrl-C to stop

試したこと

chrome,firefoxで、http://192.168.33.10:3000/を試してみました。

補足情報（FW/ツールのバージョンなど）

Rails 6.1.3
ruby 2.7.1
Vagrant 2.2.14
centos7

Comments

[shinoharat2]

Vagrantfile の中身を見せてください

[退会済みユーザー]

返信が遅れて申し訳ございません。下記のような感じです。

# -*- mode: ruby -*-
# vi: set ft=ruby :

# All Vagrant configuration is done below. The "2" in Vagrant.configure
# configures the configuration version (we support older styles for
# backwards compatibility). Please don't change it unless you know what
# you're doing.
Vagrant.configure("2") do |config|
# The most common configuration options are documented and commented below.
# For a complete reference, please see the online documentation at
# https://docs.vagrantup.com.

# Every Vagrant development environment requires a box. You can search for
# boxes at https://vagrantcloud.com/search.
config.vm.box = "centos7"

# Disable automatic box update checking. If you disable this, then
# boxes will only be checked for updates when the user runs
# `vagrant box outdated`. This is not recommended.
# config.vm.box_check_update = false

# Create a forwarded port mapping which allows access to a specific port
# within the machine from a port on the host machine. In the example below,
# accessing "localhost:8080" will access port 80 on the guest machine.
# NOTE: This will enable public access to the opened port
# config.vm.network "forwarded_port", guest: 80, host: 8080

# Create a forwarded port mapping which allows access to a specific port
# within the machine from a port on the host machine and only allow access
# via 127.0.0.1 to disable public access
config.vm.network "forwarded_port", guest: 3000, host: 3000, host_ip: "127.0.0.1"

# Create a private network, which allows host-only access to the machine
# using a specific IP.
config.vm.network "private_network", ip: "192.168.33.10"

# Create a public network, which generally matched to bridged network.
# Bridged networks make the machine appear as another physical device on
# your network.
# config.vm.network "public_network"

# Share an additional folder to the guest VM. The first argument is
# the path on the host to the actual folder. The second argument is
# the path on the guest to mount the folder. And the optional third
# argument is a set of non-required options.
# config.vm.synced_folder "../data", "/vagrant_data"

# Provider-specific configuration so you can fine-tune various
# backing providers for Vagrant. These expose provider-specific options.
# Example for VirtualBox:
#
config.vm.provider "virtualbox" do |vb|
# # Display the VirtualBox GUI when booting the machine
# vb.gui = true
#
# # Customize the amount of memory on the VM:
vb.memory = "4096"
end
#
# View the documentation for the provider you are using for more
# information on available options.

# Enable provisioning with a shell script. Additional provisioners such as
# Ansible, Chef, Docker, Puppet and Salt are also available. Please see the
# documentation for more information about their specific syntax and use.
# config.vm.provision "shell", inline: <<-SHELL
# apt-get update
# apt-get install -y apache2
# SHELL
end

[shinoharat2]

ありがとうございます。
うーん、特に変な設定はなさそうですね。。。

１・↓の行をコメントアウト
```
config.vm.network "forwarded_port", guest: 3000, host: 3000, host_ip: "127.0.0.1"
```
２・vagrant up
３・仮想環境で rails s -b 0.0.0.0
４・ブラウザで http://192.168.33.10:3000 にアクセス

だとどうなりますか？

[shinoharat2]

あと firewalld の設定も気になります。

以下の記事を参考に public.xml の修正と port3000 の許可を行ってみてください。
https://qiita.com/kota2_0/items/27530febaf24a3bf285f

[退会済みユーザー]

コメントアウトをしてアクセスしても、「このサイトは接続できません」と表示されいけませんでした。

firewalledの設定を行おうと思ったのですが、zonesディレクトリとfirewalledの設定ファイルがなかったのですが、どうしたら良いでしょうか。

[shinoharat]

権限でアクセスできなかったんじゃなくて、本当にファイル自体が存在しなかったんでしょうか？

$ sudo cat /etc/firewalld/zones/public.xml

と打つと、 No such file or directory になりますか？

[shinoharat]

$ sudo firewall-cmd --state

コマンドの結果も教えて欲しいです。

[退会済みユーザー]

sudo cat /etc/firewalld/zones/public.xmlと打ったら、ありました。すいません。

sudo firewall-cmd --stateと打ったら、runningと表示されました。

[shinoharat]

> sudo cat /etc/firewalld/zones/public.xmlと打ったら、ありました。

良かったです！
一部の設定ファイルは、編集に管理者権限が必要な場合があるので、コマンドの先頭に sudo を付けて実行してください。

[shinoharat]

> sudo firewall-cmd --stateと打ったら、runningと表示されました。

やっぱりファイアウォールが有効な状態ですね。
public.xml の修正と port3000 の許可で直るんじゃないかと思います。たぶん。

[退会済みユーザー]

無事アクセスできました。
大変助かりました。
ありがとうございました。

[shinoharat2]

解決したようで何よりです。
回答欄にも記載しましたので、差し支えなければベストアンサー選択をお願いいたします????

Answer 1

ファイアウォール（firewalld）が原因と思われます。
以下の記事を参考に public.xml の修正と port3000 の許可を行ってみてください。

Vagrant + rails + CentOS7の組み合わせでゲストOSのlocalhost:3000に接続できない場合 | Qiita

なお、ファイルによっては管理者権限が必要です。
権限エラー（Permission Denied）が出る場合は、以下のようにコマンドの先頭に「sudo」を付加してください。

$ sudo vi /etc/firewalld/zones/public.html

Answer 2

普通に "localhost:3000" とうっても表示されませんか？

Comments

[退会済みユーザー]

「このサイトにアクセスできません」と表示されてできませんでした。

[sasaharukimedes]

うーん, ローカルサーバーは立ち上がってそうですけどね...

[sasaharukimedes]

一度, コマンドプロンプトを消してから再度コマンドを打ち直してみてはいかがでしょうか？rails sだけで行けないですか？

[退会済みユーザー]

このような表示が出たのですが、できませんでした。

=> Booting Puma
=> Rails 6.1.3 application starting in development
=> Run `bin/rails server --help` for more startup options
Puma starting in single mode...
* Puma version: 5.2.1 (ruby 2.7.1-p83) ("Fettisdagsbulle")
* Min threads: 5
* Max threads: 5
* Environment: development
* PID: 16969
* Listening on http://127.0.0.1:3000
* Listening on http://[::1]:3000
Use Ctrl-C to stop

[sasaharukimedes]

listening on ~~ の部分をまんまコピペして貼っても行けないですか？

[退会済みユーザー]

いけませんでした。