create post on vue js

Question

i want to create a post end send to api but i need to retrive userId to create my post.

( frontend : vuejs3 + axios backend : node + prisma + sql)

Test on postman is ok but i cannot retrive usedId in vue js. can you help me please ?

import axios from "axios"
export default {
    name: 'PostCreate',
    data () {
        return {
            title: '',
            content: '',
        }
    },
    methods: {
        async createPost(req) {
            const token = Authorization.split(' ')[1];

            // dechiffre le token a l'aide de la clé secrete et du token presant dans authorization
            const decodedToken = jwt.verify(token, `${process.env.MY_TOKEN}`);
            console.log('decodedToken');
            const response = await axios.post('http://localhost:3000/api/post', {

                headers: {
                    Authorization: 'Bearer ' + localStorage.getItem('token')
                },
                
                title: this.title,
                content: this.content,
                userId: decodedToken.userId
            });
        }
    }
}

Tomasz Staszkiewicz · Accepted Answer · 2022-05-16 12:30:41Z

1

You should define headers as the 3rd argument.

const response = await axios.post('http://localhost:3000/api/post', {                
                title: this.title,
                content: this.content,
                userId: decodedToken.userId
            }, {
 headers: { Authorization: 'Bearer ' + localStorage.getItem('token') },
});

answered May 16, 2022 at 12:30

Tomasz Staszkiewicz

4403 silver badges9 bronze badges

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

1 Comment

Geoffrey Lusitano Over a year ago

and how i can acces to my decodedToken.userid ?

Collectives™ on Stack Overflow

create post on vue js

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related