如何在 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是resources/js/Pages/文件夹内的vuejs文件

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

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

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

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