Laravel将Auth传递给vue SPA

Question

我有一个laravel + vue应用程序。身份验证完全使用laravel Auth和刀片进行管理。现在，我正在系统中构建一个vue应用程序。这个vue应用程序集成了vue-router和vuex。我正在使用Api控制器来处理来自我的vue应用程序的任何http请求。

app.js

Vue.use(VueRouter);

global.router = new VueRouter({
    base: window.location.pathname.replace(/^(\/c\/[^\/]+).*/i,'$1'),
    routes: routes
});

new Vue({
    el: '#spa',
    render: h => h(App),
    router,
    store: store,
});

除了如何将Auth数据从laravel传递到vue之外，其他一切都运行得很好。以及如何在用户从主系统注销时自动注销用户。有什么解决方案或变通方法吗？

谢谢

Answer 1

假设会话信息存储在cookie中，并且vue应用程序与暴露登录和API的laravel应用程序在同一个域中提供服务，则可以通过document.cookie API在前端使用它。由于默认情况下每个请求中都包含cookie，因此您不必关心是否将其与AJAX请求一起发送。

如果vue应用程序没有在相同的域上提供服务，则必须使用基于令牌的方法，如Laravel文档的API Authentication chapter中所述。在这种情况下，您还必须关心CORS。