带有 Laravel API 的 Vue.js SPA答案

【问题标题】：Vue.js SPA with Laravel API带有 Laravel API 的 Vue.js SPA
【发布时间】：2018-07-26 22:54:39
【问题描述】：

我在为应用程序的前端部分定义路由时遇到问题。它是带有 Vue 路由器的 Vue.js。由于它是 SPA，我认为在 Laravel 中定义所有路由不是正确的答案，但似乎我需要以某种方式，因为当前设置不提供内容。 Vue Router 是否会获取整个页面并使用每个链接加载它？这意味着为每个链接设置一个路由以加载 Laravel 路由。我认为这不是SPA决定的意图。

所以像这样的路线

<route-link :to="{name: 'faq'}">FAQ</route-link>

这是否意味着我必须制定路线

Route::get('faq', 'FaqController@index')->name('faq');

这是我现在不太了解的新架构。谢谢。

【问题讨论】：

标签： laravel vue.js routes single-page-application

【解决方案1】：

一般情况下，SPA 设置会在没有匹配路由时回退到“index.html”

在routes/web.php：

Route::get('{path}', function () {
    return view('index');
})->where('path', '(.*)');

vue-router 会处理剩下的事情

完整设置：https://github.com/cretueusebiu/laravel-vue-spa/blob/master/routes/web.php

【讨论】：