Full-Stack Vue.js 2 and Laravel 5

Attaching tokens
OAuth requires an access token to be sent to the frontend app when the user logs
in. Passport includes a middleware that can handle this for you. Add the
CreateFreshApiToken middleware to the web middleware group and the laravel_token
cookie will be attached to outgoing responses.
app/Http/Kernel.php: protected $middlewareGroups = [ 'web' => [ ...
\Laravel\Passport\Http\Middleware\CreateFreshApiToken::class, ], ...
For outgoing requests, we need to add some headers to our AJAX calls. We can
make it so Axios automatically attaches these by default. 'X-Requested-With':
'XMLHttpRequest' ensures that Laravel knows the request was from AJAX, while 'X-
CSRF-TOKEN': window.csrf_token attaches the CSRF token.
resources/assets/js/store.js: ... axios.defaults.headers.common = { 'X-Requested-
With': 'XMLHttpRequest', 'X-CSRF-TOKEN': window.csrf_token }; export
default new Vuex.Store({ ... });
With that done, our API requests should now be properly authenticated. To test
this, let's use Tinker to see which items we have saved for our first seeded user: $
php artisan tinker >>> DB::table('users')->select('saved')->first(); #
"saved": "[1,5,7,9]"
Make sure you're logged in as that user and load Vuebnb in the browser. Toggle
a few of your saved listing selections and rerun the query above. You should find
that the database is now persisting the saved listing IDs.