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()方法：