laravelでPOSTすると「このサイトにアクセスできません」と表示される。

Question

上記画像のSaveを押すと、表示される画面は以下の通りです。

viewsファイルのフォームの記述か、Route処理が出来てないのだと思うので、確認してみましたが、なにが原因か分かりません。

追加情報が必要な場合は、教えてください。

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

<?php

use Illuminate\Support\Facades\Route;

use App\Book;
use Illuminate\Http\Request;
/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the "web" middleware group. Now create something great!
|
*/

/*
|
| 本のダッシュボード表示
|
*/
/*
Route::get('/', function(){
    return view("welcome");
});

*/

Route::get('/',function(){
  $books = Book::orderBy('created_at', 'asc' ) -> get();
  return view('books', [
    'books' => $books
  ]);
});

/*
|
| 新しい本を追加
|
*/

Route::post('/books', function(Request $request){
  //入力のエラー処理
  $validator = Validator::make($request->all(),[
    'item_name' => 'required|min:3|max:255',
  ]);

  if($validator->fails()){
    return redirect('/')
      -> withInput()
      -> withErrors($validator);
  }

  //Eloquentモデル
  $books = new Book;
  $books -> item_name = $request -> item_name;
  $books -> item_number = '1';
  $books -> item_amount = '1000';
  $books -> published = '2017-03-07 00:00:00';
  $books -> save();
  return redirect('/');  // /(ルート)にリダイレクト
});

/*
|
| 本を削除
|
*/

Route::delete('/book/{book}', function(Book $book){
    $book -> delete();
    return redirect('/');
});

Auth::routes();

Route::get('/home', 'HomeController@index')->name('home');

<!--resorces/views/books .blade.php-->

@extends('layouts.app')
@section('content')

<!--Bootstrapの提携コード-->
<div class="card-body">
  <div class="card-title">
    本のタイトル
  </div>

  <!--バリデーションエラーの表示に使用-->
  @include('common.errors')
  <!--バリデーションエラーの表示に使用-->

  <!--本登録フォーム-->
  <form action="{{ url('books') }}" method="POST" class="form-horizonal">
    {{ csrf_field() }}

    <!--本のタイトル-->
    <div class="form-group">
      <div class="col-sm-6">
        <input type="text" name="item_name" class="form-control">
      </div>
    </div>

    <!--本登録ボタン-->
    <div class="form-group">
      <div class="col-sm-offset-3 col-sm-6">
        <button type="submit" class="btn btn-primary">
          Save
        </button>
      </div>
    </div>
  </form>

    </div>

  @if(count($books) > 0)

  <!--現在登録済みの本-->
  <div class="card-body">
    <div class="card-title">
      現在の本
    </div>

    <div class="card-body">
      <table class="table table-striped task-table">
        <!--テーブルヘッダ-->
        <thead>
          <th>本一覧</th>
          <th>&nbsp;</th>
        </thead>
        <!--テーブル本体-->
        <tbody>
          @foreach($books as $book)
            <tr>
              <!--本のタイトル-->
              <td class="table-text">
                <div>{{ $book -> item_name }}</div>
              </td>
              <!--本：削除ボタン-->
              <td>
                <form action ="{{ url('book/'.$book->id) }}" method="POST">
                  {{ csrf_field()}}
                  {{ method_field('DELETE')}}

                  <button type="submit" class="btn btn-danger">
                    削除
                  </button>
                </form>
              </td>
            </tr>
          @endforeach
        </tbody>
      </table>
    </div>
  </div>

  @endif


<!--Book: すでに登録されてる本のリスト-->

@endsection

---

検証で、該当箇所を確認

Answer 1

{{ url('books') }}

ここで生成されているURLのホスト名やポート番号は正しいですか？
フォームリクエストする先を間違えているような気がします。

Comments

[Yuu412]

申し訳ありませんが、その確認方法とか教えていただくことはできますでしょうか。

[ucan-lab]

ブラウザの開発者ツールを開いて、実際にHTMLとして出力されている
<form action="{{ url('books') }}" の部分のURLを確認しましょう！

[Yuu412]

追記している画像のように、https://127.0.0.1:8080/booksが表示されていました！

[ucan-lab]

https://127.0.0.1:8080/books
このURLは正しいですか...？

http://127.0.0.1/books だったり、http://127.0.0.1:8000/books だったりしませんか？
トップ画面のスクリーンショットもアドレス部分まで含めてください。

URLが正しい場合は、PHPのバージョンや使用しているウェブサーバー等、お使いのローカル開発環境の構成情報が分かれば回答の精度が上がるので追記してもらえると助かります。

[Yuu412]

http://127.0.0.1:8000/booksを直接記入するとアクセスできたため、httpsのｓが必要なかったみたいです。しかし、そこでさらにエラーが発生したので、別の質問を立てさせていただきますので、よろしければご回答よろしくお願いいたします。

[ucan-lab]

.env の APP_URL 等の指定を一度見直した方が良いかもです。
一旦解決であればこの質問は解決済みにしてクローズお願いします！

Answer 2

Validatorをuseしていないようですが、それが影響していませんか？
また、エラーログに何か出力されていませんか？

Comments

[Yuu412]

コードは参考書通りなのですが、useをどこに追加すればよいか教えていただけませんでしょうか。