需要在特定路由 VUE 上向后端 api (LARAVEL) 发送请求

Question

我是 Vue 世界的新手。我的应用程序仅基于 Laravel 构建。但我正在升级它以使其成为 SPA，因为 Vue 是我的前端，而 Laravel 只是 API（两者都是独立的）。 在 Laravel 中，当我们加载任何视图时，我们可以将数据发送到视图；

$roles = Role::whereNotIn('id', [1])->get();
return view('auth.register', compact('roles'));

但我不知道如何在 Vue 中在特定路线上加载这些数据。 任何建议将不胜感激。

Answer 1

你可以像这样返回 json 响应。

$roles = Role::whereNotIn('id', [1])->get();
return response()->json(['roles' => $roles]);

在得到响应后，可以使用response.roles获取vue js中的所有角色。