vue-router 和 Laravel 的路由器之間的奇怪行為

Question

我正在構建一個 Laravel 網站，在該網站上我使用 VueJS 來顯示元素並處理不同的路由，以便 Laravel 只加載一次，然后讓 VueJS 進行控制。 請記住，我是 VueJS 的初學者，盡管我已經習慣了 Javascript

到目前為止，我成功地在 VueJS 中設置了我的路由，並且它們起作用了：我可以毫無問題地從一個頁面轉到另一個頁面。

但是，我想訪問包含表單的頁面，因為它是 Laravel，所以我將我的 csrf 令牌作為<meta>放在布局的<head>中。

盡管如此，由於缺少 csrf 令牌，我不斷收到錯誤消息。 當我查看源代碼時，我可以看到 Laravel 實際上加載了默認的 404 頁面，這顯然不包含任何 csrf 令牌。

我的問題如下：我應該如何告訴 Vue 或 Laravel 他應該讓另一個處理 url？ 除了為 Laravel 聲明與 VueJS 相同的路由之外，還有其他方法嗎？

先感謝您

Answer 1

我們使用這個路由規則將所有請求指向 Vue 應用程序，在我們的例子中是example.com/app 。 根據需要進行調整。

Route::get('app/{any?}', function () {
    return view('app');
})->where(['any' => '.*']);