React JS with Spring boot API REST

Question

I have a frontend webapp developed with React JS, and a rest API built with Spring boot. When I try to access to API from my react-app I get a 403 Error. My API Rest is deploy in tomcat server.

POST http://localhost:8080/fantasy/api/auth/signin 403
PostData.js:3 Uncaught (in promise) SyntaxError: Unexpected end of JSON input

We need more information in order to tell you something. First, you could provide us with some log from your frontend app. Then, give us the rest endpoints you are trying to reach. Additionally, tell us the configuration your rest api has. — joninx
– joninx, Commented Jun 7, 2019 at 6:50

Maciej Kowalski · Accepted Answer · 2019-06-07 06:55:09Z

2

Most likely your ReactJs app and Spring Boot app are running under different ports and you did not configure CORS in the Spring Rest mapped methods in order enable incoming requests from the host:port on which ReactJs is running:

@CrossOrigin(origins = "http://localhost:4200")
@GetMapping("/user")
public Greeting getUser(){}

You can also define it on the Controller itself:

@CrossOrigin(origins = "http://localhost:4200")
@RestController

You can also register a separate CORS filter for entire application: reference

answered Jun 7, 2019 at 6:55

Maciej Kowalski

26.7k12 gold badges59 silver badges66 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

Ale Over a year ago

In development is a good idea, but if in production my application change port number?

Maciej Kowalski Over a year ago

You then use the CORS filter strategy. In the filter you inject a port number from your properties file which will be different for a dev and prod of course.

Ale Over a year ago

How I could do that?

Maciej Kowalski Over a year ago

I have placed a reference in the answer. Look it up

Ale Over a year ago

CORS filter strategy in my spring boot could be in conflict with Tomcat CORS configuration?

|

Collectives™ on Stack Overflow

React JS with Spring boot API REST

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related