Level 7
After doing more research the best solution at the moment looks to be using an interceptor and listen for the 401 status on any unauthenticated api calls.
Feb 20, 2020
3
Level 7
Unable to validate user is logged in in vue using Laravel airlock SPA auth
I have installed Laravel Airlock and created a single page app separately using Vue CLI with vue router.
The authentication for SPA is working perfectly, I’m able to initialise a csrf token and login using the standard Laravel endpoint.
However I am struggling to understand how to check if the session is active.
For example if a user is on the dashboard and the session is cleared or the session times out, what is the solution for identifying this in vue?
My thoughts are having a global axios filter catch for any 401s then automatically redirect to login. Another option is to do an Ajax call on every request to check the user is logged in.
When a user logs in it currently just sets a local storage var so the vue router can check if their logged in but atm I can’t check if they’re actually logged in.
I’m not using tokens as the documentation stated that if you’re doing a first party SPA then there is no requirement.
Level 1
I am facing the same problem. Seems like a very basic requirement for a SPA to redirect to login if a user with no session tries to access a protected view.
@mathewberry Can you provide some details for your solution? Thanks.
Level 7
@paddelboot I haven't got the project as it was only a test to see how it fared, however it was a similar solution to this on Stackoverflow https://stackoverflow.com/questions/52096412/vue-js-and-axios-redirect-on-401 where they used an axios interceptor, then anything that received a 401 must of meant the user had been logged out or their token was revoked.
Please or to participate in this conversation.