Authentication flow in Vue.js + REST api

Question

I'm building a project with vue cli and adonis.js. The frontend will be only with Vue.js and backend will only provide REST api. I'm going to use jwt for authentication. The problem is, I don't understand authentication flow with jwt. I recently migrated from Laravel to adonis, so I have little knowledge in Vue + Ajax + REST api. Here are my questions:

Do you have to send token in every Ajax request?
How do you get current user associated with given jwt token?
What is refreshToken?

Providing a link of detailed guide will be enough.

ljcordero · Accepted Answer · 2020-01-05 19:42:34Z

2

Do you have to send token in every Ajax request?

Yes, the client must send his token (getter after login success) in order to access secure resources.

How do you get current user associated with given jwt token?

JWT has an «sub» property, in which you can save the id of the user for example.

What is refreshToken?

When the client token get expired, you must provide a new one, without the process of login again.

Here is a guide with nodejs: https://www.codementor.io/@olatundegaruba/5-steps-to-authenticating-node-js-with-jwt-7ahb5dmyr

edited Jan 5, 2020 at 19:42

answered Jan 5, 2020 at 19:01

ljcordero

1856 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

crbast Over a year ago

Current user -> This is a JWT token with AdonisJS : jwt.io/… . The uid field represents the id of the user

glinda93 Over a year ago

Thank you for your kind reply. I want a proper way doing these things in adonis.

glinda93 Over a year ago

Let us continue this discussion in chat.

crbast · Accepted Answer · 2020-01-05 20:01:42Z

1

To complete @ljcordero's answer

Adonis side:

You can get user with auth object. Like:

async example ({ auth, request }) {
    const user = await auth.getUser()
    ...
}

Complete documentation of auth.

VueJS side:

The token created by Adonis contains a UID field. It represents the id of the user.

Here's an example token:

answered Jan 5, 2020 at 20:01

crbast

2,3021 gold badge13 silver badges21 bronze badges

Collectives™ on Stack Overflow

Authentication flow in Vue.js + REST api

2 Answers 2

3 Comments

Adonis side:

VueJS side:

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Adonis side:

VueJS side:

Comments

Your Answer

Sign up or log in

Post as a guest

Related