Chrome并不总是发送POST请求

Question

I am using 'fetch' to make a post call to my node server. I am trying to do this on click of a button.

When I click the button an OPTIONS request is sent but the browser doesn't send the subsequent POST call.

On multiple clicks, browser keeps sending Options request and just once in many attempts does Post request gets sent out.

let data = {name: "Butternut cucumberpatch", age: 26}
let headers = new Headers()
headers.append("Content-type", "application/json")

fetch(join(apiPath, "/user"), {
  method: "POST",
  headers: headers,
  body: JSON.stringify(data)
}).then(response => response)

(1) The code work's on my colleague's chrome browser, just not mine. The chrome version is the same. (2) This works perfectly fine on POSTMAN, Safari. (3) I thought maybe there is an issue with native fetch so I tried using 'fetch', 'unfetch', 'request' modules. But still faced the same issue.

Answer 1

I found a solution here: https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS#Preflighted_requests

Since my POST request was a cross origin request, the request preflight was happening. I changed my Content-Type to be application/x-www-form-urlencoded

If I send out the request with Content-Type : application/x-www-form-urlencoded, the POST request happens every time. I still don't know why it (application/json) works on my colleague's chrome browser though and not mine. I want to make it work with application/json.