Spring "No 'Access-Control-Allow-Origin' header" error when POST request

Question

I make an application with a spring server and angular for the client. I'm trying to make a post request and have this error:

Failed to load http://localhost:8080/statuts:

"No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:4200' is therefore not allowed access. The response had HTTP status code 415."

I have followed the Spring tutoriel : https://docs.spring.io/spring/docs/current/spring-framework-reference/web.html#mvc-cors-controller and nothing works for me.

As for my spring code I have put the cross origin annotation that works for all other request like get and put (if I delete this line the others request send exactly the same error)

@CrossOrigin(origins = "http://localhost:4200")
public class ExempleController {

    @PostMapping(path="", consumes = MediaType.APPLICATION_JSON_VALUE)
    public @ResponseBody Exemple addExemple(HttpServletRequest request) throws IOException {
        Exemple exemple = new Exemple();
        Exemple updatedStatut = objectMapper.readerForUpdating(exemple).readValue(request.getReader());
        statutRepository.save(updatedExemple);
        return exemple;
    }

I also tried it with the global config but same issue

My request in angular :

create(exemple: Exemple){
    return this.http.post("localhost:8080/exemples", JSON.stringify(exemple));
}

Thanks you for your help

== Edit ==

I haven't mention it but my request is working as it works just fine with PostMan it is a communication problem between the client and the server

[Global CORS configuration](https://spring.io/guides/gs/rest-service-cors/#_enabling_cors) — Vikas, May 15 '18 at 17:09
As I said I made all the change mention in this guide but nothing seems to work for me — Loïc Thierry, May 16 '18 at 08:29
Debug the request and make sure you're sending a `Content-Type: application/json` header from the client? — Bragolgirith, May 16 '18 at 08:34
https://stackoverflow.com/questions/32319396/cors-with-spring-boot-and-angularjs-not-working — Sangram Badi, May 16 '18 at 08:35

score 0 · Answer 1 · answered May 15 '18 at 17:25

I don't see the need of the @CrossOrigin annotation here, unless there is an specific reason you didn't mention.

About creating a POST WebService using Spring, you can follow this example:

    @RestController
    public class ExempleController {

    @RequestMapping(value = "/", method = RequestMethod.POST, consumes=MediaType.APPLICATION_JSON_VALUE)

   public  @ResponseBody Exemple addExemple(@RequestBody LinkedHashMap map, HttpServletRequest request) throws IOException {

          // CODE HERE
        }

    }

*You can consider replacing LinkedHashMap by your DTO class, but this will work.

I hope it helps ;-)

With my client being with angular on the 4200 port I need to add the cross origin to be able to communicate with it. The probleme is not the POST that isn't working because it work just fine when I send the request with PostMan — Loïc Thierry, May 16 '18 at 08:19

score 0 · Accepted Answer · answered May 16 '18 at 08:43

Well I found the answer The problem is in angular that doesn't send the headers in the post request that is needed.

so I changed my angular code into :

create(exemple: Exemple){
    const headers1 = new HttpHeaders({'Content-Type':'application/json; charset=utf-8'});
    return this.http.post(this.ExempleAPI, JSON.stringify(exemple), {headers: headers1});
}

hopes it can help someone else

Spring "No 'Access-Control-Allow-Origin' header" error when POST request

2 Answers2