javascript - POST Request Using fetch() Returns 204 No Content - Stack Overflow

admin管理员组

文章数量:1277896

I'm making a POST request to a node.js server and I'm having trouble getting it to work. Here's my request:

const headers = {
  'Accept': 'application/json',
  'Content-Type': 'application/json',
  'Authorization': 'this-can-be-anything',
};

export const postVote = (id, vote) =>
  fetch(`${uri}/posts/${id}`, {
    method: 'POST',
    headers,
    body: JSON.stringify({options: vote}),
  }).then(response => response.json())
    .then(data => data)
    .catch(err => console.log(err));

The function accepts an 'id' and a 'vote', both strings. The id is being used as part of the URI in the request, and the vote is being supplied as options so the API knows what to do with it. Both of the arguments are being passed correctly:

id = '8xf0y6ziyjabvozdd253nd'
vote = 'upVote'

Here's a link to the GitHub repository for the server/API:

Udacity Readable API

and a screenshot of the network when firing the request:

UPDATE: Added the second screenshot which shows status 200. Though it shows this and appears to have been successful, it still doesn't post to the server and the information stays the same.

I'm making a POST request to a node.js server and I'm having trouble getting it to work. Here's my request:

const headers = {
  'Accept': 'application/json',
  'Content-Type': 'application/json',
  'Authorization': 'this-can-be-anything',
};

export const postVote = (id, vote) =>
  fetch(`${uri}/posts/${id}`, {
    method: 'POST',
    headers,
    body: JSON.stringify({options: vote}),
  }).then(response => response.json())
    .then(data => data)
    .catch(err => console.log(err));

The function accepts an 'id' and a 'vote', both strings. The id is being used as part of the URI in the request, and the vote is being supplied as options so the API knows what to do with it. Both of the arguments are being passed correctly:

id = '8xf0y6ziyjabvozdd253nd'
vote = 'upVote'

Here's a link to the GitHub repository for the server/API:

Udacity Readable API

and a screenshot of the network when firing the request:

UPDATE: Added the second screenshot which shows status 200. Though it shows this and appears to have been successful, it still doesn't post to the server and the information stays the same.

• javascript
• node.js
• post
• fetch-api

Share Improve this question Follow edited Feb 1, 2018 at 4:02 Jacob Lockett asked Feb 1, 2018 at 3:21 Jacob LockettJacob Lockett 48522 gold badges77 silver badges1717 bronze badges 1

• Looks like the docs specify the param as option and you are sending it as options. Can you show us the response tab? Updated answer – Chirag Ravindra Commented Feb 1, 2018 at 4:08

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 10

What you are looking at is the OPTIONS request in the network tab. For cross origin requests, every request if preceeded by an OPTIONS request which tells the calling client (browser, for example) if those HTTP methods are supported by the remote server for use in crosss origin context.

Check the other requests out. If the OPTIONS request was responded to correctly by the server, the browser must automatically follow up with your POST request

EDIT: Also, the docs specify the param name to be option whereas in your screenshot it is ing up as options.

Further reading: CORS

Try declaring the headers as such:

var headers = new Headers({
    'Content-Type': 'application/json',
    'Authorization': 'this-can-be-anything',
})

本文标签： javascriptPOST Request Using fetch() Returns 204 No ContentStack Overflow