Problems accessing Spring-Boot RestController from Angular frontend

Question

I have the following setup:

My controller:

@RequestMapping("/project") @RestController public class ProjectController { private final Logger logger = LoggerFactory.getLogger(this.getClass()); @Autowired ProjectService projectService; @CrossOrigin @PostMapping(value = "/createProject") public ResponseEntity createProject(@RequestBody ProjectDto projectJsonString) { return ResponseEntity.ok(HttpStatus.OK); } }

In my .service.ts:

this.http.post('http://localhost:8080/project/createProject', JSON.stringify(project)). subscribe( (res) => { this.logger.info('Response: ' + res); });

My Dto:

public class ProjectDto { private String projectName; private String projectNumber; private String projectArea; private String managerName; private String managerShorthand; }

But when I build the app to a jar-file and execute it I get the following error when the api-call is executed:

HttpErrorResponse {headers: HttpHeaders, status: 415, statusText: "OK", url: "http://localhost:8080/project/createProject", ok: false, …} error: error: "Unsupported Media Type" message: "Content type 'text/plain;charset=UTF-8' not supported" path: "/project/createProject" status: 415 timestamp: "2018-12-10T21:41:26.036+0000"

and the same thing happens when I curl it. Can someone tell me what I am doing wrong?

What is ‘createProject’ in the url? I don’t see mapping for that. Just use localhost:8080/project — Lemmy
– Lemmy, Commented Dec 10, 2018 at 21:33
@Lemmy Sorry, I see my class still contains the const for that url, I will update it. It is the mapper of my method - I saw the first problem, I used name instead of value, thanks for that! — Rüdiger
– Rüdiger, Commented Dec 10, 2018 at 21:39
I understood that but I am saying that you don’t have mapping for createProject. Use value instead of name. see docs.spring.io/spring-framework/docs/current/javadoc-api/org/… — Lemmy
– Lemmy, Commented Dec 10, 2018 at 21:44

HL'REB · Accepted Answer · 2018-12-10 21:48:14Z

The error "Unsupported Media Type" happens when the request does not include an appropriate Content-Type header.

Please make sure your requests contains "Content-Type" header with the value "application/json" (assuming your sent data is in Json).

carpinchosaurio · Accepted Answer · 2018-12-16 20:21:20Z

As mentioned by HL'REB, you should add the correct Content-Type to your post request, as you are using spring boot and RestControllers I Assume the default json support is activated so probably this is the Media Type expected(application/json).

So you could try the following change

this.http.post('http://localhost:8080/project/createProject', JSON.stringify(project), { headers: {'Content-Type': 'application/json'} }).subscribe( (res) => {this.logger.info('Response: ' + res);});

Collectives™ on Stack Overflow

Problems accessing Spring-Boot RestController from Angular frontend

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related