在 vue js 上创建 post

Question

我想创建一个 post 结束发送到 api 但我需要检索用户 ID 来创建我的 post。

(前端：vuejs3 + axios 后端：node + prisma + sql)

在 postman 上测试没问题，但我无法在 vue js 中检索 usedId。你能帮帮我吗？

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
            });
        }
    }
}

Answer 1

您应该将 headers 定义为第三个参数。

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') },
});

在 vue js 上创建 post

create post on vue js

vue.js

axios

vuejs3