为什么我无法使用普通JavaScript fetchAPI对本地json文件使用POST方法？

如何解决为什么我无法使用普通JavaScript fetchAPI对本地json文件使用POST方法？

我可以使用fetch API对外部JSON文件进行HTTP POST请求，但不能在本地JSON文件中完成。

    class EasyHttp {
  // http GET request
  get(url) {
    return new Promise((resolve,reject) => {
      fetch(url)
        .then((res) => resolve(res))
        .catch((err) => reject(err));
    });
  }

  // http POST request
  post(url,data) {
    return new Promise((resolve,reject) => {
      fetch(url,{
        method: "POST",headers: {
          "content-type": "application/json",},body: JSON.stringify(data),})
        .then((res) => resolve(res))
        .catch((err) => reject(err));
    });
  }
}

const http = new EasyHttp();

const newData = {
  customerID: 1252123,name: "Aditya Padukhan",purchase: "Realme alubhaja pro",productID: "158-hb-122",};

http
  .post("customers.json",newData)
  .then((res) => res.json().then((data) => console.log(data)))
  .catch((err) => console.log(err));

我得到一个错误：

eassyhttp.js：16 POST http://127.0.0.1:5500/customers.json 405（不允许使用方法）（匿名）@ eassyhttp.js：16 post @ eassyhttp.js：15（匿名）@ app.js：16 app.js：18

SyntaxError：app.js处的JSON输入意外结束：17

解决方法

specification says：

POST方法请求目标资源处理 根据资源的要求包含在请求中的表示形式 拥有特定的语义。

静态文件无法处理发布的数据。 JSON不是一种编程语言。没有什么可以读取POST请求并对其中的数据执行任何操作。因此，您的Web服务器默认会说“不，您不能在这里发布”。

如果您想对POST请求执行某些操作，则需要编写一些服务器端代码来完成该操作。 （如果您只想覆盖现有的JSON，那么您可能也应该使用PUT而不是POST）。请注意，允许任何HTTP请求更改服务器上的数据是一个坏主意，并且您真的在没有某种身份验证的情况下就不允许这样做，该身份验证将请求限制在受信任的人和/或确定是否传入的数据是“好”。