为什么在发布或更新时重新加载页面以及使用带有 json 服务器的假休息 api 的项目

如何解决为什么在发布或更新时重新加载页面以及使用带有 json 服务器的假休息 api 的项目

我使用 Json-Server 来模拟 API 请求， 每次获取帖子/更新时，页面都会重新加载，我不知道为什么，我搜索了它，但找不到任何解决方案，

注意：我正在关注一个 javascript Tuturial，它并没有从他身边刷新，但它在我身边刷新了，尽管代码是相同的

class EasyHTTP {

  async post(url,data){
    const response = await fetch(url,{
                                      method: 'POST',headers:{'content-type':'application/json'},body: JSON.stringify(data)
                                    });
    const resData = await response.json();
    if(resData){
      return resData;
    }else{
      await Promise.reject(new Error('ERROR: Dont KNow'));
    }
  }
}

const http = new EasyHTTP();

// Submit POST
document.querySelector('.post-submit').addEventListener('click',submitPost);

function submitPost(e){
  e.preventDefault(); 
   //e.stopPropagation(); 
  const title = document.querySelector('#title').value;
  const body = document.querySelector('#body').value;

  const data = {
    title,body
  };

    http.post('http://localhost:3000/posts',data)
    .then(res => {
      console.log(res);
    })
    .catch(err => console.log(err));
}

       <input
            type="text"
            id="title"
            class="form-control"
            placeholder="Post Title"
          />
  <textarea
            id="body"
            class="form-control"
            placeholder="Post Body"
          ></textarea>
<button  class="post-submit">Post It</button>

h 发帖，不知道问题出在哪里，

解决方法

我找到了解决方案，因为我使用的是 VS 代码，所以我禁用了实时服务器扩展，现在它工作得很好，没有刷新。