415 Unsupported media Type in http.post Angular 请求答案

【问题标题】：415 Unsupported media Type in http.post Angular request415 Unsupported media Type in http.post Angular 请求
【发布时间】：2019-02-15 19:45:02
【问题描述】：

我想向我的 Grails 2.4.2 后端发送一个 http.post (Angular 6) 请求。我在 stackoverflow 中搜索了许多解决方案，但没有任何效果。所以我给大家一一解答。

目前情况：

我正在将我的 .zip 检索到 dropzone（npm 中可用的 ngx-dropzone）。我想将 zip 从我的 angular 前端发送到我的 grails 后端。我有一个资源 Grails 正在检索我的数据。

@Path('/api/newmodele')

class NewModeleResource {

    @POST
    @Consumes(MediaType.APPLICATION_JSON)
    @Produces(MediaType.APPLICATION_JSON)
    Response newmodele(){
        CommonsMultipartFile downloadedFile = request.getFile('document')
        return Response.ok("toto" as JSON).build()
   }
}

我有我的 Angular 发布请求：

onFilesDropped(myzipConfig: File) {
  let formData = new FormData();
  formData.append('file[]',myzipConfig[0]);
  this.http
      .post(this.backendPOST, formData).subscribe(results=>{
      console.log(results)
  })

}

我有一个错误提示：415 Unsupported Media Type.

有人有想法吗？

【问题讨论】：

标签： angular grails

【解决方案1】：

//pass httpOptions to the function

const httpOptions = {
  headers: new HttpHeaders({'Content-Type': 'application/json'})
}

this.http
      .post(this.backendPOST, formData, httpOptions).subscribe(results=>{
      console.log(results)
})

【讨论】：