瀏覽器發送了兩個請求，但只有本地主機被調用

Question

我有一個節點js API。

app.post('/myapi', function (req, res) {
    res.header("Access-Control-Allow-Origin", "*");
    res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept, X-Request-With");
    res.header("Content-Type", "application/json");
    res.header("Accept", "application/json");
    * do something *
    res.json({ api : "api called successfully" });
});

我在公共文件夾中放置了一個html代碼。 我正在使用express來運行html代碼和后端API。 我的html代碼已將請求提取為

var headers = new Headers();
headers.append('Content-Type', 'application/json');
headers.append('Accept', 'application/json, text/plain, */*');

var options = {
  method: 'POST',
  body: JSON.stringify(loginDetails),
  headers: headers,
  mode: 'no-cors'
};
fetch('http://localhost:3001/myapi', options)
.then(function (response) {
  console.log(response);
  res=response.statusCode;
  // return response
  if (res==0) {
    window.location.assign("http://localhost:3001/home.html");
  }

}）;

當我在瀏覽器中運行代碼時。 當我單擊調用上述前端代碼的按鈕時。 它發送兩個請求。 兩次呼叫均失敗。 一種是本地主機請求，即文檔調用，另一種是API調用。 但是API調用中沒有任何響應。

我正在通過/調用在UI中獲得響應，

cannot POST/

所以我嘗試添加以下代碼，

app.post('/', function (req, res) {
    res.json({ "status": "successfull" });
});

現在也有兩個調用，但是UI返回{status：successl}（/的輸出）。 但是它不返回/ myapi的輸出。

有人可以幫忙嗎？

我正在為本地主機文檔獲取一個無限啟動器。 查看屏幕截圖。

Answer 1

將唯一的參數附加到請求中，以避免發送請求的緩存版本。

/api/name?id=<unique_param>

您可以在此處和此處找到更多詳細信息。