需要在特定路由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中的所有角色。