Full-Stack Vue.js 2 and Laravel 5

Routes

Currently, the home route, that is, /, loads our frontend app. But what we've built for our frontend app so far is not meant to be a home page! We'll be building that in future chapters.

What we've built is the listing page, which should be at a route like /listing/5, where 5 is the ID of the mock data listing being used.

Page	Route
Home page	/
Listing page	/listing/{listing}

 

Let's modify the route to reflect this.

routes/web.php:

<?phpuse App\Listing;

Route::get('/listing/{listing}', function ($id) {
  return view('app');
});

Just like in our api/listing/{listing} route, the dynamic segment is meant to match the ID for one of our mock data listings. If you recall from the previous chapter, we created 30 mock data listings ...