无效的路由操作：[resources\views\livewire\product-index.blade.php]

Question

我已经尝试为我的产品制作视图，

product-index.blade.php

<div class="container">
<div class="row">
    <div class="col">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
              <li class="breadcrumb-item"><a href="{{ route('home') }}" class="text-dark">Home</a></li>
              <li class="breadcrumb-item active" aria-current="page">Product</li>
            </ol>
          </nav>
    </div>
</div>
<h2><strong>Art</strong>hestic</h2>

navbar.blade.php

<li class="nav-item">
                    <a class="nav-link" href="{{ route('products') }}"  role="button"  aria-haspopup="true" aria-expanded="false">
                      Products
                    </a> 

web.php （当我使用此路由时，它会显示错误消息“无效路由操作：[resources\views\livewire\product-index.blade.php]。

Route::get('/products', 'resources\views\livewire\product-index.blade.php')->middleware('auth')->name('products');

但是当我使用这个时

Route::get('/products', App\Http\Livewire\ProductIndex::class)->middleware('auth')->name('products');

it doesn't show anything, if there's no error it would show the text from my product-index.blade

Answer 1

大多数basic Laravel 路由接受一个 URI 和一个闭包作为第二个参数。注意不需要从resources/views 开始路径，因为 Laravel 已经知道你的视图在哪里。

routes/web.php

Route::get('/products', function () {
    return view('livewire.product-index'); 
});

或通过控制器

use App\Http\Livewire\ProductIndex;

Route::get('/products', [ProductIndex::class, 'index']);
// where 'index' is method name inside App\Http\Livewire\ProductIndex class. Name could be any and it should return view.

ProductIndex.php

class ProductIndex
{
  public function index() {
    return view('livewire.product-index');
  }
}

如果您需要将视图作为第二个参数传递，请将get 方法更改为view，就像here 所说的那样

Route::view('/products', 'livewire.product-index');

Answer 2

您正在通过您的路线中的一个视图。这应该是一个函数。

Route::get('/products', function () {
    return view('product-index');
});

如果您的视图需要数据库中的数据，您应该在控制器中创建一个函数来获取数据并将其与视图一起返回。然后在你的路由文件中引用它，如下所示。

Route::get('/producs', 'App\Http\Controllers\CONTROLLERNAME@FUNCTIONAME');