Laravel Debug Bar

Laravel Debug Bar for Laravel, with a Vue component.

Installation

$3

``
composer require derpierre65/laravel-debug-bar
`

$3

`
npm i @derpierre65/laravel-debug-bar
`

Configuration

soon

Usage

Add the Service Provider LaravelDebugBarServiceProvider.
Import the Vue Component DebugBar.vue to your project like:

`vue



`

$3

#### Axios example

`js
import {addXmlHttpRequest} from '@derpierre65/laravel-debug-bar/resources/js/LaravelDebugBar';

// only in non production mode
if (process.env.NODE_ENV !== 'production') {
axios.interceptors.request.use((request) => {
request.meta = request.meta || {};
request.meta.requestStart = Date.now();

return request;
});

axios.interceptors.response.use((response) => {
addXmlHttpRequest({
status: response.status,
method: response.config.method.toUpperCase(),
url: response.request.responseURL,
headers: response.headers,
time: Date.now() - response.config.meta.requestStart,
});

return response;
});
}
`

$3

`vue



``