2016-12-20 13 views
0

誰もが同じ問題を抱えていて、この問題を解決できることを願っています。 新しいLaravelプロジェクトをインストールし、php artisan make:authを使用して、基本認証を取得しました。奇妙なことは、ログインに成功すると、navbarにログアウトリンクがないことです。ユーザー名(プルダウンオプションがあります)の下で利用できるはずですが、ユーザー名をクリックしても何も起こりません。Laravelログイン成功後のメニューからのログアウトオプションなし

誰でも解決策がありますか?ヘルプは非常に感謝しています。

+0

ログアウトオプションを使用できない場合は、自分で追加しないでください。 – Qazi

+0

@Qaziまあ..そこにはあるが動作していない。したがって、私のQ – Brnovich

+0

は、ログアウトボタンのコードを共有してください。また、ログアウトしますか?ルートと方法はありますか? – Qazi

答えて

1

問題は解決:Laravelは右jQueryのファイルをロードしていないよう

はそれを動作させるように思われます。 は、これらのような右のjQueryのLIBSをロードしてください:彼らは(私はlaravel 5.5を使用していapp.jsによってロードされるよう

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> 
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> 
0

@Qazi:それはLaravel自体からちょうど標準app.blade.phpです:

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 

<!-- CSRF Token --> 
<meta name="csrf-token" content="{{ csrf_token() }}"> 

<title>{{ config('app.name', 'Laravel') }}</title> 

<!-- Styles --> 
<link href="/css/app.css" rel="stylesheet"> 

<!-- Scripts --> 
<script> 
    window.Laravel = <?php echo json_encode([ 
     'csrfToken' => csrf_token(), 
    ]); ?> 
</script> 
</head> 
<body> 
<div id="app"> 
    <nav class="navbar navbar-default navbar-static-top"> 
     <div class="container"> 
      <div class="navbar-header"> 

       <!-- Collapsed Hamburger --> 
       <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#app-navbar-collapse"> 
        <span class="sr-only">Toggle Navigation</span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
       </button> 

       <!-- Branding Image --> 
       <a class="navbar-brand" href="{{ url('/') }}"> 
        {{ config('app.name', 'Laravel') }} 
       </a> 
      </div> 

      <div class="collapse navbar-collapse" id="app-navbar-collapse"> 
       <!-- Left Side Of Navbar --> 
       <ul class="nav navbar-nav"> 
        &nbsp; 
       </ul> 

       <!-- Right Side Of Navbar --> 
       <ul class="nav navbar-nav navbar-right"> 
        <!-- Authentication Links --> 
        @if (Auth::guest()) 
         <li><a href="{{ url('/login') }}">Login</a></li> 
         <li><a href="{{ url('/register') }}">Register</a></li> 
        @else 
         <li class="dropdown"> 
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"> 
           {{ Auth::user()->name }} <span class="caret"></span> 
          </a> 

          <ul class="dropdown-menu" role="menu"> 
           <li> 
            <a href="{{ url('/logout') }}" 
             onclick="event.preventDefault(); 
               document.getElementById('logout-form').submit();"> 
             Logout 
            </a> 

            <form id="logout-form" action="{{ url('/logout') }}" method="POST" style="display: none;"> 
             {{ csrf_field() }} 
            </form> 
           </li> 
          </ul> 
         </li> 
        @endif 
       </ul> 
      </div> 
     </div> 
    </nav> 

    @include ('layouts.partials._notifications') 

    @yield('content') 
</div> 

<!-- Scripts --> 
<script src="/js/app.js"></script> 

その後、これはルートフォルダ内の私のweb.phpです:

<?php 

Use Illuminate\Http\Request; 

Route::get('/', function (Request $request) { 
    return view('home'); 
}); 

Auth::routes(); 

Route::get('/home', '[email protected]'); 
Route::get('/activate/token/{token}', 'Auth\[email protected]')->name('auth.activate'); 
Route::get('/activate/resend', 'Auth\[email protected]')->name('auth.activate.resend'); 

今私が気づいたことは、ページを切り替えるときにCSSのマークアップがないことです。たとえば、[パスワードを忘れた]リンクをクリックすると、CSSのマークアップが消えてしまいます。 cssフォルダが見つからないか、ローカルマシン上のパスが正しくないようです。

0

私は、同じ問題に遭遇し、単にjQueryとブートストラップスクリプトを削除することによってそれを解決しました)。

関連する問題