Vue application. How to skip authentication to show certain components?

Question

I am using vue and laravel application. I need to display a component without the user having to log in. Currently, to view components (with security instructions) users must be logged in. But now the component is required externally, which means no login is required to view that particular page. How to achieve this in vue laravel application?

Answer 1

If your Vue application is protected by "auth" middleware, you will not be able to access it before logging in. Use web middleware where Vue components are required. But to be able to get data through Vue components, you still need token protection like Sanctum.