大家好，
我想請問一下。
我是在專案裡使用json-server當作資料庫來測試，port修改為3020。
資料如下

//db.json
{
    "books": [
        {
          "name": "HappyTime",
          "description": "快樂時光"
        },
        {
          "name": "1984",
          "description": "1984"
        },
        {
          "name": "投資",
          "description": "save money"
        },
        {
          "name": "try try 看",
          "description": "試試看"
        },
        {
          "name": "###",
          "description": "###"
        },
        {
          "name": "!!",
          "description": "驚嘆"
        },
        {
          "name": "-jjJJ",
          "description": "大小寫"
        }
      ]
}

在使用axios.get時，沒有問題

//成功
const getAxios = function(){
    axios.get('http://localhost:3020/books')
    .then((res)=>{
        return getBooks.value = res.data
    })
    .catch((error)=>{
        console.log('獲取失敗');
    })
}

但當想要上傳資料時，就會出錯

//失敗
const bookName=ref() //跟input v-model綁定在一起
const bookDescription= ref() //跟input v-model綁定在一起

const addForm =function(){
    axios.post('http://localhost:3020/books',{
        name:bookName.value,
        description:bookDescription.value
    }).then((res)=>{
        console.log('新增成功');
    }).catch((error)=>{
        console.log('新增失敗');
    })
}

回傳的錯誤訊息是:POST http://localhost:3020/books 500 (Internal Server Error)

我去查一下，好像是資料格式的問題?
將資料修改成json也是回報錯誤500

const bookName=ref()
const bookDescription= ref()
//還是失敗
const addForm =function(){
     let sentData = JSON.stringify({
        name:bookName.value,
        description:bookDescription.value
    });
    axios.post('http://localhost:3020/books',sentData).then((res)=>{
        console.log('新增成功');
    }).catch((error)=>{
        console.log('新增失敗');
    })
}

這要怎麼解決?感謝