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' => '.*']);