Auth-module: Auth multiple logins

Created on 23 Mar 2020 · 8Comments · Source: nuxt-community/auth-module

Hi I want multiAuth like simple login and loginAsContributor so how will I suppose to do that?
Please someone tell me will be really thankful.

question

Source

imranr970

👍1

Most helpful comment

Indeed it is supported by scheme/strategy.

In nuxt.config.js you have to define them like this:

  auth: {
    strategies: {
      user: {
        _scheme: 'local',
        endpoints: {
          login: { url: '/api/auth/user/login', method: 'post', propertyName: 'token' },
          logout: { url: '/api/auth/user/logout', method: 'post' },
          user: { url: '/api/auth/user/user', method: 'get', propertyName: 'user' }
        },
      },
      admin: {
        _scheme: 'local',
        login: { url: '/api/auth/admin/login', method: 'post', propertyName: 'token' },
        logout: { url: '/api/auth/admin/logout', method: 'post' },
        user: { url: '/api/auth/admin/user', method: 'get', propertyName: 'user' }
      },

    }
  }

And then you can use this.$auth.loginWith('user', ...) or this.$auth.loginWith('admin', ...)

pi0 on 25 Mar 2020

❤5 👍2

All 8 comments

HI, @imranr970 :)

I think this is a general nuxt question that you can ask in nuxt or auth module which supports multi-strategy.

pi0 on 24 Mar 2020

👍1

Can't you please answer me or suggest me any article or any helping guide?

imranr970 on 24 Mar 2020

For sure would be happy to help @imranr970 :) Initially just moved the issue to a more proper place so others can see and help too. nuxt discord is also a friendly place for asking for help.

Would you please explain more about your question? Like what is your current stack for backend? And what authentication provider/flow you prefer to use?

pi0 on 24 Mar 2020

I am using Laravel for backend and using jwt api I want I have multiple login options
login for user and login for admin. separate @nuxtjs/auth endpoints for each user.

imranr970 on 25 Mar 2020

Indeed it is supported by scheme/strategy.

In nuxt.config.js you have to define them like this:

  auth: {
    strategies: {
      user: {
        _scheme: 'local',
        endpoints: {
          login: { url: '/api/auth/user/login', method: 'post', propertyName: 'token' },
          logout: { url: '/api/auth/user/logout', method: 'post' },
          user: { url: '/api/auth/user/user', method: 'get', propertyName: 'user' }
        },
      },
      admin: {
        _scheme: 'local',
        login: { url: '/api/auth/admin/login', method: 'post', propertyName: 'token' },
        logout: { url: '/api/auth/admin/logout', method: 'post' },
        user: { url: '/api/auth/admin/user', method: 'get', propertyName: 'user' }
      },

    }
  }

And then you can use this.$auth.loginWith('user', ...) or this.$auth.loginWith('admin', ...)

pi0 on 25 Mar 2020

❤5 👍2

I am really thankful to you one last question kindly reply this one too please.
How do I redirect each scheme to its specific route on login.
I mean admin login on adminDashboard.vue
userlogin on userLogin.vue

imranr970 on 26 Mar 2020

Hi, @imranr970 This is how I do it.

I call the redirect method after a successful login