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

Question

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

注意：我正在关注 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 post 我不知道问题出在哪里，

Answer 1

我找到了解决方案，因为我使用的是 VS 代码，所以我禁用了实时服务器扩展，现在它运行良好，无需刷新。

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

why page reload when posting or updating and item using fake rest api with json server

javascript

json

api

json-server