Ошибка при передаче параметра маршрута: Laravel Vue

#laravel #laravel-5 #vue.js #routes #laravel-5.7

#laravel #laravel-5 #vue.js #маршруты #laravel-5.7

Вопрос:

Я использую Laravel 5.7 и Vue.js 2 .

Я хочу протестировать Vue.js параметры маршрута. Но это не работает!!

app.js:

 import ProductDetails from './components/front/shop/ProductDetails'

const routes = [
{
    path: '/pds/:id',
    component: ProductDetails
}
  

ProductDetails.vue

 <template>
    <h1>Book {{ $route.params.id }} </h1>
</template>
  

Когда я начал тестирование на localhost:8000/pds/1 странице, не найдено. причины, необходимые для этой ошибки.

Комментарии:

1. настроен ли маршрутизатор на использование режима истории?

Ответ №1:

Необходимо настроить серверную часть. Смотрите здесь

 <?php

/*
|--------------------------------------------------------------------------
| 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('/{any}', 'SpaController@index')->where('any', '.*');