React项目中XMLHttpRequest POST请求Data.json返回404但文件存在

• JSON文件（Data.json）位于React的public文件夹中
• 应用尚未部署，通过npm start在本地运行
• 已确认路径正确，对应位置确实存在该JSON文件
• POST方法在用户点击按钮时执行，页面完全加载后才发送请求
• 函数已正确调用，事件监听器本身无问题

错误信息 #

POST http://localhost:3000/Data.json 404 (Not Found)

JavaScript代码 #

async function download() {

    let xhr = new XMLHttpRequest()
    let url = "/Data.json"
    let obj = {
        "unlockedChars":API.unlockedChars,
        "completed":API.completed,
        "lastCompleted":API.lastCompleted
    }
    
    
    xhr.open("POST", url)
    xhr.setRequestHeader("Content-Type", "application/json");
    xhr.send(JSON.stringify(obj))
}

Data.json内容 #

[{
"unlockedChars":[{
    "id":"Ancient_One",
    "star":2,
    "duplicated":false
},
{
    "id":"Ancient_One",
    "star":3,
    "duplicated":true
}],
"completed":0,
"lastCompleted":0
}]

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