Plan du site  
pixel
pixel

Articles - Étudiants SUPINFO

Nuxt Auth Module

Par Lauris HOUNKPEVI Publié le 22/04/2020 à 03:58:17 Noter cet article:
(0 votes)
En attente de relecture par le comité de lecture

Intallation

First of all we will deal with the installation of dependencies

Install dependencies

Install dependencies

        npm install @nuxtjs/axios @nuxtjs/auth --save
      

If you've set up the Nuxt boilerplate with @nuxtjs/axios already, no need to reinstall this.

      npm install @nuxtjs/auth --save
      

Activate Vuex Store

Create index.js inside the store directory.

Setup

Add this into your nuxt.config.js file

      modules: [
    '@nuxtjs/axios',
    '@nuxtjs/auth',
 ],

Configure axios baseUrl

Important. If this is not configured, this can result in a redirect loop on build.

    axios: {
  baseURL: env.parsed.API_URL,
 },

Set up endpoints

     auth: {
  strategies : {
     local:{
       endpoints : {
         login: { url: 'auth/login,method: 'post', propertyName: 'data.token' },
         logout: { url: 'auth/logout', method: 'post' },
         user: { url: 'auth/me', method: 'get', propertyName: 'data' }
       }
     }
  }
},

Authenticate

      await this.$auth.loginWith('local', {
  data: this.form
 })

Asuming form data looks like

  data () {
  return {
    form: {
      email: '',
      password: ''
    }
  }
 }

Authenticated user

To access data :

    this.$auth.user.propertyName
    

To check if user is authenticated

    if(this.$auth.loggedIn) { do something }
    

Sign out

To sign out do this :

    this.$auth.logout()
    

A propos de SUPINFO | Contacts & adresses | Enseigner à SUPINFO | Presse | Conditions d'utilisation & Copyright | Respect de la vie privée | Investir
Logo de la société Cisco, partenaire pédagogique de SUPINFO, la Grande École de l'informatique, du numérique et du management Logo de la société IBM, partenaire pédagogique de SUPINFO, la Grande École de l'informatique, du numérique et du management Logo de la société Sun-Oracle, partenaire pédagogique de SUPINFO, la Grande École de l'informatique, du numérique et du management Logo de la société Apple, partenaire pédagogique de SUPINFO, la Grande École de l'informatique, du numérique et du management Logo de la société Sybase, partenaire pédagogique de SUPINFO, la Grande École de l'informatique, du numérique et du management Logo de la société Novell, partenaire pédagogique de SUPINFO, la Grande École de l'informatique, du numérique et du management Logo de la société Intel, partenaire pédagogique de SUPINFO, la Grande École de l'informatique, du numérique et du management Logo de la société Accenture, partenaire pédagogique de SUPINFO, la Grande École de l'informatique, du numérique et du management Logo de la société SAP, partenaire pédagogique de SUPINFO, la Grande École de l'informatique, du numérique et du management Logo de la société Prometric, partenaire pédagogique de SUPINFO, la Grande École de l'informatique, du numérique et du management Logo de la société Toeic, partenaire pédagogique de SUPINFO, la Grande École de l'informatique, du numérique et du management Logo du IT Academy Program par Microsoft, partenaire pédagogique de SUPINFO, la Grande École de l'informatique, du numérique et du management

SUPINFO International University
Ecole d'Informatique - IT School
École Supérieure d'Informatique de Paris, leader en France
La Grande Ecole de l'informatique, du numérique et du management
Fondée en 1965, reconnue par l'État. Titre Bac+5 certifié au niveau I.
SUPINFO International University is globally operated by EDUCINVEST Belgium - Avenue Louise, 534 - 1050 Brussels