fix the load issue with dymanic routes chunks by adding the base href on index

Author: Moeen Basra

resources/views/index.blade.php

@@ -4,7 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-
+    <base href="/" />
     <!-- CSRF Token -->
     <meta name="csrf-token" content="{{ csrf_token() }}">
 

webpack.mix.js

@@ -12,13 +12,16 @@ const path = require('path')
  */
 
 mix.webpackConfig({
+  output: {
+    chunkFilename: 'js/chunks/[name].js'
+  },
   resolve: {
     alias : {
       '@': path.resolve(__dirname, 'resources/assets/js'),
       'public': path.resolve(__dirname, 'public'),
       'node': path.resolve(__dirname, 'node'),
-    }
-  }
+    },
+  },
 })
 
 mix.react('resources/assets/js/app.js', 'public/js')