如何用Fetch API（JavaScript&React）向空JSON文件添加新对象

我正在开发一款支持用户创建自定义表格的表单，用户需要指定表格的name、headers和data字段，希望通过POST类型的fetch方法将数据写入JSON文件，但目前仅能向已有对象添加键值对，无法直接初始化空JSON文件的结构。

举个例子：如果JSON文件初始内容仅为{}，能否通过fetch()的POST请求将其填充为如下结构？

{
  "title" : [
     {
       "headers" : ...,
       "data" : ...
     }
  ]
}

我不确定术语是否准确，也不清楚"title"对应的元素有没有更合适的命名，当前的核心难点是如何在空JSON文件中创建外层的"title"字段。我希望避免使用文件读写相关方法，想确认仅通过fetch()能否实现向空JSON文件添加内容。

我尝试向服务器地址http://localhost:3000（不带URI）发起请求，执行POST时出现net::ERR_SSL_PROTCOL_ERROR错误。

我认为JSON文件本身就是一个对象（内容被{}包裹），既然能向JSON文件内已有的对象添加键值对，那理论上也应该能直接向空JSON文件写入数据。想不通为何前者可行，却无法给空JSON文件添加"title"字段。

以下是出现错误的fetch请求代码（body部分经过多次修改，可能存在语法错误）：

function post() {    
    fetch("http://localhost:3000", {
        method: "POST",
        body: JSON.stringify({
            {title}: [],
        }),
        headers: {"content-type": "application/json; charset=UTF-8"}
    })
    .then((response)=>response.json())
    .then((data) => console.log(data))
}

内容的提问来源于stack exchange，提问作者JVDS1069