Mock data
We've now completely migrated the Vuebnb prototype into our Laravel project, plus we've added a build step. Everything in the frontend app is working as it was in Chapter 2, Prototyping Vuebnb, Your First Vue.js Project.
However, we still have mock data hard-coded into the frontend app. In this last part of the chapter, we're going to remove that hard-coded data and replace it with data from the backend.
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:
<?php
use App\Listing;
Route::get('/listing/{listing}', function ($id) {
return view('app');
});Just like in our api/listing/{listing} route, the dynamic...