mysql - Nuxt.js 和 axios 不适用于 Express 服务器

Question

我正在尝试使用 Nuxt.js 和 MySQL 创建一个类似的系统，但它不起作用。

我的组件用于使用“喜欢”按钮描述帖子

<div class="post">
    <div class="post-details">
        {{ id }}
    </div>
    <div class="post-content">
        {{ content }}
        <form @submit.prevent="like">
            <button type="submit" class="likes">
                <i class='fas fa-heart'></i> 
                {{ likes_count }} 
            </button>
        </form>
    </div>
</div>

<script>
    import axios from 'axios'

    export default {
        props: ['id', 'content', 'likes'],
        data() {
            return {
                post_id: this.id,
                likes_count: 0
            }
        },
        methods: {
            like() {
                axios.post('http://localhost:4000/api/like', this.post_id) 
                .then(res => {
                    console.log(res)
                    this.likes_count++
                }).catch(res => {
                    console.log(res)
                })
            }
        }
    }
</script>

以及我更新数据库和增加类似列的路线

app.post('/api/like', (req, res) => {
    const id = req.body.id
    database.query("UPDATE posts SET likes = likes + 1 WHERE id = ?"), [id], (err, rows) => {
        if(err) console.log(err)
        if(rows.affectedRows != 0) console.log(rows.affectedRows)
        res.json(rows)
    })
})

问题是什么？感谢您的帮助。

Answer 1

乍一看:POST 请求参数应该是一个对象

axios.post('http://localhost:4000/api/like', {id: this.post_id}) 

是的，您应该显示错误日志(客户端和服务器)以获得任何帮助。