Laravel + Nuxt Authentication Made easy

Nasimul Hasan Deep — Thu, 26 Jan 2023 14:41:19 +0000

To build a Laravel API for Nuxt.js authentication, you can follow these steps:

In your Laravel project, set up a new API route group by adding the following code to your routes/api.php file:

Route::middleware('auth:api')->group(function () {
    // Your API routes go here
});

In your Nuxt.js project, install the @nuxtjs/auth module by running the command npm install @nuxtjs/auth.
In your Nuxt.js project, configure the @nuxtjs/auth module by adding the following code to your nuxt.config.js file:

modules: [
    '@nuxtjs/auth',
],
auth: {
    strategies: {
        local: {
            endpoints: {
                login: { url: '/api/login', method: 'post', propertyName: 'access_token' },
                logout: { url: '/api/logout', method: 'post' },
                user: { url: '/api/user', method: 'get', propertyName: 'user' }
            }
        }
    }
}

In your Laravel project, create a new controller to handle the login and logout routes. This controller should use the Auth facade to authenticate and log out users.
In your Nuxt.js project, create a new page or component to handle the login and logout functionality. This page or component should use the $auth object to authenticate and log out users.

6.Test the authentication by running your Nuxt.js project and trying to login and logout.

Forem: Nasimul Hasan Deep

Laravel + Nuxt Authentication Made easy