Use Laravel Sanctum for vuejs

[smzapp]

I have been using laravel backpack for my project using default bootstrap jquery. And then, it uses web session-based authentication. Using laravel backpack, how could I use Laravel Sanctum for the authentication in order to protect my VUEJS app.

https://stackoverflow.com/questions/79214747/use-sanctum-in-laravel-backpack-authentication

[backpack-ai-bot[bot]]

🚨 Bot is not sure about this answer. Please verify. 🚨

I apologize, but I don't have enough specific information in the provided knowledge sources to give a complete answer about using Laravel Sanctum with Backpack for a Vue.js app. Backpack uses its own authentication system by default, and integrating it with Sanctum for a Vue.js frontend is not directly covered in the given documents.

However, I can provide some general information about Backpack's authentication system that may be helpful:

1. Backpack uses its own separate authentication guard, provider, and password broker, all named 'backpack' Backpack Authentication Docs.

2. You can override Backpack's authentication settings in your config/auth.php file by defining a 'backpack' guard, provider, or password broker Backpack Authentication Docs.

3. Backpack allows you to customize the authentication process by setting setup_auth_routes to false in config/backpack/base.php and then manually defining your auth routes Backpack Authentication Docs.

To integrate Sanctum with Backpack for a Vue.js app, you would likely need to customize Backpack's authentication process and potentially create a separate API authentication flow for your Vue.js frontend. However, the specific steps to achieve this are not provided in the given knowledge sources.

For a more accurate and complete answer, you may want to consult the official Laravel Sanctum documentation and potentially reach out to the Backpack community for specific guidance on integrating Sanctum with Backpack for a Vue.js application.

Relevant sources:

FAQs for the admin UI|Overwrite Backpack authentication driver, provider, guard or password broker
Github Issue (closed): How to integrate Backpack with Passport?
Unable make a new clean project works with laravel-permission
Github Issue (closed): [Feature Request] Add Backpack API
Github Issue (closed): Integrate with Jetstream
Github Issue (closed): Email verification after registration ?
About Backpack's User Interface|Authentication

[karandatwani92]

Hey @smzapp

Backpack's authentication uses a completely separate authentication driver, provider, guard and password broker. They're all named backpack.

If you need a separate login/auth for the front user, go ahead and set up Sanctum regularly.

I also want to highlight that Laravel Sanctum supports both

• Token-based auth
• and "stateful" authentication using Laravel session cookies.

I'm using it on my project(Laravel+Sanctum+Backpack+lighthouse-php(graphQL API)). But yes, the sanctum has a learning curve.
I choose to keep it stateful, so I don't need to bother about key storing and protecting on the client side. AFAIR, The following two .env attributes helped to make it stateful

SESSION_DOMAIN=.get-set-sold.test
SANCTUM_STATEFUL_DOMAINS=.get-set-sold.test