diff --git a/app/Http/Kernel.php b/app/Http/Kernel.php
index 93731db4..c6186664 100644
--- a/app/Http/Kernel.php
+++ b/app/Http/Kernel.php
@@ -45,15 +45,18 @@ class Kernel extends HttpKernel
             \Illuminate\View\Middleware\ShareErrorsFromSession::class,
             VerifyCsrfToken::class,
             \Illuminate\Routing\Middleware\SubstituteBindings::class,
+            \App\Http\Middleware\LogRequestPathMiddleware::class,
         ],
 
         'api' => [
             'throttle:300,1',
             \Illuminate\Routing\Middleware\SubstituteBindings::class,
+            \App\Http\Middleware\LogRequestPathMiddleware::class,
         ],
 
         'apipub' => [
             \Illuminate\Routing\Middleware\SubstituteBindings::class,
+            \App\Http\Middleware\LogRequestPathMiddleware::class,
         ],
     ];
 
diff --git a/app/Http/Middleware/LogRequestPathMiddleware.php b/app/Http/Middleware/LogRequestPathMiddleware.php
new file mode 100644
index 00000000..1933f86b
--- /dev/null
+++ b/app/Http/Middleware/LogRequestPathMiddleware.php
@@ -0,0 +1,32 @@
+<?php
+
+namespace App\Http\Middleware;
+
+use Closure;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Log;
+
+class LogRequestPathMiddleware
+{
+    /**
+     * Handle an incoming request.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @param  \Closure  $next
+     * @return mixed
+     */
+    public function handle(Request $request, Closure $next)
+    {
+        $method = $request->method();
+        Log::channel('request_path')->info('Request Method: ' . $method);
+        $fullUrl = $request->fullUrl();
+        Log::channel('request_path')->info('Request URL: ' . $fullUrl);
+
+        if ($request->isMethod('post')) {
+            $payload = $request->all();
+            Log::channel('request_path')->info('Request Payload POST: ', $payload);
+        }
+
+        return $next($request);
+    }
+}
diff --git a/config/logging.php b/config/logging.php
index d4894384..409e63e6 100644
--- a/config/logging.php
+++ b/config/logging.php
@@ -121,6 +121,11 @@ return [
             'level' => 'info',
         ],
 
+        'request_path' => [
+            'driver' => 'single',
+            'path' => storage_path('logs/laravel_request_path.log'),
+            'level' => 'info',
+        ],
     ],
 
 ];
diff --git a/package.json b/package.json
index 5d4b92bf..477ec9a4 100644
--- a/package.json
+++ b/package.json
@@ -2,12 +2,12 @@
     "private": true,
     "scripts": {
         "dev": "npm run development",
-        "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
+        "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --config=node_modules/laravel-mix/setup/webpack.config.js",
         "watch": "npm run development -- --watch",
         "watch-poll": "npm run watch -- --watch-poll",
         "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
         "prod": "npm run production",
-        "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
+        "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --config=node_modules/laravel-mix/setup/webpack.config.js"
     },
     "dependencies": {
         "animate.css": "^4.1.1",
@@ -31,7 +31,6 @@
         "vue": "^2.6.10",
         "vue-avatar": "^2.1.8",
         "vue-debounce": "^2.6.0",
-        "vue-template-compiler": "^2.6.10",
         "vue-the-mask": "^0.11.1",
         "vuelidate": "^0.7.4",
         "vuex": "^3.1.1"
@@ -59,9 +58,11 @@
         "gulp-streamify": "^1.0.2",
         "gulp-uglify": "^3.0.0",
         "gulp-uglify-es": "^2.0.0",
-        "laravel-mix": "^5.0.9",
+        "laravel-mix": "^6.0.49",
         "lodash": "^4.17.13",
-        "resolve-url-loader": "^3.1.2"
+        "resolve-url-loader": "^3.1.2",
+        "vue-loader": "^15.11.1 ",
+        "vue-template-compiler": "^2.7.16"
     },
     "paths": {
         "build": {
diff --git a/webpack.mix.js b/webpack.mix.js
index 59d5e97a..1b3aeab7 100644
--- a/webpack.mix.js
+++ b/webpack.mix.js
@@ -11,4 +11,13 @@ const mix = require('laravel-mix');
  |
  */
 
-mix.js('./resources/assets/vue/app.js', 'public/vue').version();
+mix.webpackConfig({
+    watchOptions: {
+        poll: true,
+        aggregateTimeout: 2000,
+    },
+});
+
+mix.js('./resources/assets/vue/app.js', 'public/vue')
+   .vue()
+   .version()