title: Vue SPA url not working with history mode enabled
body: <p>I am creating a SPA using Vue js and it kind of works but I have one problem. With history mode enabled on Vue I can enter urls and go to that page using the Vue Router but when I try to login I get the literal page html. I know I can do something like <code>auth\{vue?}</code> but I would prefer if i didn't have to do that. I want to be able to always keep the url with no prefixes unless it is to an API request. So for example:</p>
  
  <p>I have the root view:</p>
  
  <pre><code>Route::get('/{vue?}', function () {
     return view('layouts.app');
  })-&gt;where('vue', '[\/\w\.-]*');
  </code></pre>
  
  <p>and then I have the api requests:</p>
  
  <pre><code>Route::group(['prefix' =&gt; 'api'], function () {
      Route::post('/login', 'Auth\\LoginController@login');
  
      Route::post('/register', 'Auth\\RegisterController@register');
  
      Route::get('/logout', 'Auth\\LoginController@logout');
  });
  </code></pre>
  
  <p>but when I hit <code>/api/login</code> I get the return view data from <code>/{vue?}</code>.</p>
  
  <p>I hope that makes sense and if so any help would be amazing, Thanks.</p>