laravel - 如何在 vue.js 文件中集成 Jetstream 身份验证？

Question

我正在做一个项目，在这个项目期间，我应该在 laravel 中使用身份验证系统创建 api。我使用了急流和惯性。我有两个文件夹，一个与我的 api 和 jetstream auth 分开，另一个与我的 vue.js 项目分开，我将在其中实现 axios 请求。如何将 jetstream 集成到我的 vue.js 项目中？还是我做错了什么？先感谢您。

Answer 1

Inertia 正是为了防止将 api 和 vuejs/react/angular 前端放在单独的项目或文件夹中。使用 Inertia，您可以从 Laravel 项目中调用 web 或 api 路由。路由重定向到控制器，这必须返回一个Inertia. 具体这种结构：

Inertia::render('Users/allUsers',[
 'users' => Users::all()
];

Users/allUsers是文件夹里面的一个vuejs文件resources/js/Pages/

这[]是您将在 Vuejs 页面或组件中使用的道具列表。

在 vuejs 文件中Users/AllUsers，您必须定义与控制器中的 return 名称相同的 props。

    export default {
        props:['users'],
    }

而 Jetstream 是一组可重用的组件。有了这个，您不必使用 axios 或 ajax 从后端获取数据。