Using Vue.js to Authenticate Users with JWT Tokens Sent in Registration Emails

Question

Using Vue.js to Authenticate Users with JWT Tokens Sent in Registration Emails

Hey everyone, I could really use some assistance with JWT tokens. I created a registration form using Vue.js and sent the data to the database using axios. Now, I need help figuring out how to save the token I receive in the confirmation email so that I can send the STATE and TOKEN to the validateRegister API to complete the registration process. This is all new to me as it's my first time working with Vue and axios.

import axios from 'axios'

export default {
    name: 'Register',
    data() {
        return {
            email: '',
            password: '',
            name: '',
            surname: '',
            data: '',
            telefono: '',
            risiedi: '',
            cap: '',
            provincia: '',
            citta: '',
            privacy: false
        }
    },
    methods: {
        async handleSubmit() {
            const response = await axios.post('api/users/register',{
                email: this.email,
                password: this.password,
                name: this.name,
                surname: this.surname,
            });
            console.log(response);
        }
    }
}

Here's the link that was included in the email https://i.sstatic.net/a7ohK.png

javascript vue.js axios

Answer 1

Answer №1

Hey there, to make a request using axios, you'll need to add a header like this:

const headers = {
  'Content-Type': 'application/json',
  'Authorization': 'Bearer fefege...'
}

//Data
const data = {...}

const response = await axios.post('api/users/register', data, {
    headers: headers
})...

Answer 2

Hey there, to make a request using axios, you'll need to add a header like this:

const headers = {
  'Content-Type': 'application/json',
  'Authorization': 'Bearer fefege...'
}

//Data
const data = {...}

const response = await axios.post('api/users/register', data, {
    headers: headers
})...

Using Vue.js to Authenticate Users with JWT Tokens Sent in Registration Emails

Answer №1

Similar questions

Error message: Unable to access property in VueJS due to TypeError

When the AJAX function is called again, the previous loading process is interrupted, without the use of jQuery

What is the best way to keep track of the number of checked checkboxes and add them to a separate div?

Is there a way to eliminate the surplus 2 download icons from this Angular code when there are a total of 3 users?

Calculate the sum in real-time using JavaScript

Can a JavaScript function spontaneously run without being called upon?

Unsuccessful attempts to animate with Jquery in Google Chrome are persisting

What are the steps to creating a custom CSS rule?

What techniques does Angular2 use to handle dependency injection?

Personalizing a Doughnut Graph

Tips on inserting a script prior to the body tag

Creating a decorative ribbon in three.js for your gift presentation

Implementing VueJS 3 component loading in Laravel 9

The drop-down menu is failing to display the correct values in the second drop-down

The scrollbar will be visible only when the mouse hovers over the table

When the mouse is moved, display a rectangle on the canvas

Show labels for data on a circular graph using angular-chart.js

Passing the title of a page as data to a component in Next.js

Guide to manipulating DOM elements with Angular.js: inserting or deleting elements using createElement

Generating Bootstrap Vue Dropdown components in real time