如何使用 AngularJs 处理 Laravel 路由？

Question

我对 Laravel + AngularJs 完全陌生。我想要做的是使用 AngularJs 处理我的 web.php 路由。可能吗？如果是我该怎么做？

Answer 1

如果你有一个 SPA 并且你的应用使用 HTML5 历史模式，这应该类似于人们经常结合 Laravel 和 VueJS 路由的方式。

您通常会将所有非 Angular 路由放在 routes/web.php 的顶部，然后是您的 SPA 的“包罗万象”路由。这种“包罗万象”的路线基本上是一条不在乎路线长什么样的路线；它只会将其发送到 AngularJS 应用程序。

类似于this answer 或this article 你的routes/web.php 可能看起来像：

Route::resource('Videos', 'VideoController')->middleware('auth','isAdmin');
Route::resource('Categories', 'CategoriesController')->middleware('auth');
...
Route::get('/{angularjs_capture?}', function () {
 return view('angularjs.index');
})->where('angularjs_capture', '[\/\w\.-]*');

然后您将在 /resources/views/angularjs/index.blade.php 看到一个视图，其中包含您的 SPA 的基本 HTML。