在React app中发布失败

时间:2016-11-12 00:08:16

标签: javascript reactjs fetch-api

这是我用来POST数据的功能,

export function postData(url, senderId, receiverId, mediaId){
  return fetch(url, { headers: { 'Content-type': 'application/json' },
                      credentials: 'include',
                      mode: 'no-cors',
                      method: 'POST',
                      body: JSON.stringify({"senderId": senderId, "receiverId": receiverId, "mediaId": mediaId})
  })
    .then((response) => { console.log('Status: ', response.status);})
    .catch((error) =>{ console.log("Request failed: ", error) ;

    });

}

这是发布POST的组件

class HomePage extends React.Component{
......
 handleSubmit(data){
   ......
    postData(post_url, this.state.user.yguid, this.state.receiverId, this.state.mediaId);

  }

render(){
    return(
        <div className="col-md-2 left-pane">
          <Sidebar handleSubmit= {this.handleSubmit}/>
        </div>

    );
  }

}

这是处理POST的服务器端点

 @RequestMapping(value = "/send/",
                    method = RequestMethod.POST)
    @ResponseBody
    public ResponseEntity<Void> send(@RequestBody Message message) {

        try {
            controller.send(message);
        } catch (Exception e) {

        }

        return new ResponseEntity(HttpStatus.OK);
    }

我继续收到以下错误消息,

POST http://localhost:9000/myserver/send/ 415 ()

我做错了什么?

1 个答案:

答案 0 :(得分:0)

在黑暗中拍摄,但415错误是不支持的媒体类型,可能会导致您的端点需要application/json以外的其他内容。它可能适用于Postman,因为它非常擅长提供大量默认标题。

如果没有服务器代码,您问题的最佳答案是:由于缺少标题而失败。哪一个?我们不知道。