Vue SPA網址不支持啓用歷史記錄模式

Question

我正在使用Vue js創建一個SPA，它有點類似，但我有一個問題。在Vue上啓用歷史記錄模式後，我可以輸入url並使用Vue路由器轉到該頁面，但是當我嘗試登錄時，我得到了頁面html。我知道我可以做類似auth\{vue?}的事情，但我寧願如果我不必這樣做。我希望能夠始終保持沒有前綴的url，除非它是API請求。因此，例如：

我有根視圖：

Route::get('/{vue?}', function() { 
    return view('layouts.app'); 
})->where('vue', '[\/\w\.-]*'); 

，然後我有API請求：

Route::group(['prefix' => 'api'], function() { 
    Route::post('/login', 'Auth\\LoginController@login'); 

    Route::post('/register', 'Auth\\RegisterController@register'); 

    Route::get('/logout', 'Auth\\LoginController@logout'); 
}); 

，但是當我打/api/login我從/{vue?}獲得返回查看數據。

我希望這是有道理的，如果有的話，任何幫助將是驚人的，謝謝。

Answer 1

它顯然是這裏解釋：https://kjamesy.london/work/laravel-53-vuejs-20-make-vuerouters-history-mode-play-nicely-with-laravels-routes

短篇小說：申報歷史模式爲false VueRouter然後在Laravel側，每當$request->ajax()是假的，同樣的路線將隨時捕捉請求。因此，我們可以安全地定義一條全面覆蓋的路線，將此類流量重定向到我們資源控制器的index()方法：