title: Dynamic component cannot be loaded with URL on Laravel
body: <p>I have a problem when loading dynamic component at Laravel. The component always loaded from this URL :</p>
  
  <p><a href="http://localhost/js/admin/login.js?id=ba0d9bc8cd7797b0046c" rel="nofollow noreferrer">http://localhost/js/admin/login.js?id=ba0d9bc8cd7797b0046c</a></p>
  
  <p>The component should be loaded at this URL:</p>
  
  <p><a href="http://localhost/konsultasi/js/admin/login.js?id=ba0d9bc8cd7797b0046c" rel="nofollow noreferrer">http://localhost/konsultasi/js/admin/login.js?id=ba0d9bc8cd7797b0046c</a></p>
  
  <p>I'm not running a Laravel with Artisan Serve, I only change the htaccess file so it can redirect to a public directory.</p>
  
  <p>This is my mix-manifest.json </p>
  
  <pre><code>{
      "/js/admin/login.js": "/js/admin/login.js?id=ba0d9bc8cd7797b0046c",
      "/js/vendor.js": "/js/vendor.js",
      "/js/admin/app.js": "/js/admin/app.js",
      "/css/admin.css": "/css/admin.css",
      "/js/admin/adminlte.js": "/js/admin/adminlte.js",
      "/js/manifest.js": "/js/manifest.js"
  }
  </code></pre>
  
  <p>and this is how my blade view call the javascript</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;title&gt;Inspektorat | Konsultasi&lt;/title&gt;
      &lt;link href="{!! asset('css/admin.css') !!}" rel="stylesheet"&gt;
      &lt;script src="{!! asset(mix('js/manifest.js')) !!}"&gt;&lt;/script&gt;
      &lt;script src="{!! asset(mix('js/vendor.js')) !!}"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body class="hold-transition login-page"&gt;
      &lt;div class="login-box"&gt;
          &lt;div class="login-box-body"&gt;
              &lt;div class="login-logo"&gt;
                  &lt;img src="{!! url('img/logo.png') !!}" style="width:50%;"&gt;
              &lt;/div&gt;
              &lt;div id="app"&gt;
                  &lt;login&gt;&lt;/login&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;script src="{!! asset(mix('js/admin/app.js')) !!}"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>At this point. I've got this error</p>
  
  <pre><code>http://localhost/js/admin/login.js?id=ba0d9bc8cd7797b0046c net::ERR_ABORTED 404 (Not Found)
  </code></pre>
  
  <p>and</p>
  
  <pre><code>vendor.js:11470 [Vue warn]: Failed to resolve async component: function Login() {
        return __webpack_require__.e/* import() */(26).then(__webpack_require__.bind(null, 28));
      }
  Reason: Error: Loading chunk 26 failed.
  </code></pre>