Obtención de access tokens en una aplicación Vue 3 con autenticación
Comprar curso

67. Obtención de access tokens en una aplicación Vue 3 con autenticación

En este capítulo se muestra cómo se pueden solicitar tokens de acceso para realizar solicitudes HTTP autenticadas en una aplicación Vue.js 3. Se explican los conceptos básicos de las solicitudes HTTP, cómo enviar datos al servidor y cómo manejar las respuestas.


1 comentarios

Inicia sesión para comentar

Comentarios:

  • Jesusarce

    Jesusarce hace 8 meses

    Estimado esta muy bueno el curso, vengo del curso de APIRestfull y ahi cuando hicimos el tema de la autenticacion con el gran_type=password haciamos dos peticiones una para el login y otra para el oauth/token y guardabamos en la base de datos. Bueno al ver los ejemplos vi que el login ya trae el usuario y el token, pero en la API que tengo como base del otro curso trate de darme modos haciendo dos peticiones una para conseguir autenticarme y si eso funcionaba hacer la peticion oatuh/token 

    data() {
      return {
        email:'',
        password:'',
        disabled:false
      }
    },
    methods: {
      login() {
        this.disabled = true;
        this.axios.post('/api/login', {
          email:this.email,
          password:this.password,
        }).then(response => {
          if (response.data.data.email === this.email) {
            console.log(response.data.data.email);
            this.axios.post('/oauth/token', {
              grant_type:'password',
              client_id:'9a387a30-0311-43c7-9f29-d389a25fdd2c',
              client_secret:'cCJI0oAUQqlMaN6ZJYjCTCNHNCv1MNj7ISD53DGF',
              username:this.email,
              password:this.password,
            }).then(response => {
              console.log(response.data);
            });
          } else {
            console.log(response.data.data);
          }
        });
      },

    pense que funcionaria pero me salio un error

    Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://localhost/oauth/token (Reason: CORS header ‘Access-Control-Allow-Origin’ missing). Status code: 200.

    bueno nose si estara bien esta solucion pero lo hice para no detenerme pero no logre mi objetivo sera que podrias darme una manito ahi si lo arreglo en la API, o en el Cliente Vue ? quisa mi solucion no esta mal del todo? de antemano gracias.