How to Fix CORS Error in SpringBoot and React

Thanks for watching the video:
Subscribe Channel: / studyautomation1
My Gadgets:
MIC:- amzn.to/3UQPlaF
Camera:- amzn.to/3WYszQ3
Laptop:- amzn.to/3EsPzzt Hi Everyone, in this video, I am going to Fix one of the major errors while working with SpringBoot Project.
We will see how to fix CORS Error in Springboot and React JS.
You can create spring boot project using: start.spring.io/
Here is my code, add this code in Main Class of Springboot project:
@Bean
public WebMvcConfigurer configure() {
return new WebMvcConfigurer() {
@Override
public void addCorsMappings(CorsRegistry reg) {
reg.addMapping("/**").allowedOrigins("*");
}
};
}
Hope it will fix your problem too.

[@nathaniellane02]

2 years later youre still helping people out bro, thank you!

[@allessioyassine3515]

it didn't work for me :/

[@nathaniellane02]

@allessioyassine3515 hope you find a solution soon man...I know how frustrating it can be🙏🏻

[@StudyAutomationAcademy]

Happy to help!

[@arbibenmaatoug5566]

thank you so much , i struggled a lot between thousand of video and pdf and i confirm you are the simpliest and the most realistic ; well done and bless you;

[@avantikatiwari1362]

same here

[@StudyAutomationAcademy]

Thanks

[@arausruben]

min. 17:05 bless you!

[@rony_nr]

🤣🤣

[@madhulisuvarnakar3837]

You are the life saver, simple solution made my application work...Thank you soo much!

[@StudyAutomationAcademy]

Thanks Buddy..

[@Psychopatz]

OMGGGGG YOU HAVE NO IDEA HOW FRUSTRATING TO SEE THIS ERROR DUDE, SUPPERRR THANKSS KIND SAMARITAN

[@StudyAutomationAcademy]

Glad it helped!

[@nagararun]

thanks bro i struggled a lot in between many times once again thanks 👍👍👍

[@user-wr8gc8vo6m]

Wonderful explanation bro, keep it up.👍

[@JohnDoe-ej6vm]

i used this annotation but still getting same error in react .

[@alfonsopayra]

same here... i am getting insane with this shit

[@PrevalentAA]

@@alfonsopayra solved it by any chance?

[@MRPRK365]

@@PrevalentAA same error i'm facing

[@PrevalentAA]

@@MRPRK365 it eventually worked for me. The annotation that is. Also make sure in your security config that you allow that request to be made to your server

[@gui3623]

17:07 bless you

[@sharathlingam3444]

This worked so well bro, thanks a lot.

[@StudyAutomationAcademy]

Thanks

[@MrRider-kw8mq]

Thank you my friend . I really need this solution

[@naveenkumarvtamil]

Thank you so much ❤😊

[@alfonsopayra]

none of this works for me

[@fq08sujalbirari82]

Hey, I am also having the same error, none of the Cross-Origin annots or extra configs are working for me. Have you solved your problem yet, if so then plz tell me how

[@oumaimalaamrani9404]

@@fq08sujalbirari82 have you solved it?

[@farzanfarooqui4526]

Thank you so much it was really helpful ❤

[@LamHoangQuan88]

thank you soo much 💯

[@binhcoding3am148]

thankui bro, this is what i need

[@bharanitharan1220]

Thanks alot bro ❤

[@bhanusingh7309]

one more person helped!..thanks

[@StudyAutomationAcademy]

Thanks

[@GeorgeDumitra]

But this is not a fix! this is a security issue as you basically have disabled all the CORS protection based on the origin! Very dangerous to put this in production!

[@AnkitTiwari-qt5ds]

I am facing the same security issue.. can you please guide me how to fix it??

[@GeorgeDumitra]

@@AnkitTiwari-qt5ds you need to define for each method the respective CROS rights @GetMapping(path = "test") @CrossOrigin(origins = { "localhost:8080" }) public String test(){...} this means that if you call the localhost:8081/test from your React app running on localhost:8080 then you will have no issues as the only way to call the "/test" is that the caller is an application running on 8080. In this example my SPRING server that serves the "/test" is running on 8081. All works perfect and safe. If I have another app running on 9090 and calling the SPRING on my server on localhost:8081/test then it will fail.

[@asadkhandadlo6572]

Thanks so much for the video, but please address pitfalls of this approach in production too, because it is not valid solution to allow all requests by just putting "*" 🙄

[@StudyAutomationAcademy]

Nice observation

[@princeberi4501]

Thank you sir 👍

[@StudyAutomationAcademy]

Most welcome

[@kristiansdanilovs1518]

Doesnt work for me, but im black so it might have to do with that😊

[@avantikatiwari1362]

Thank you brother!

[@StudyAutomationAcademy]

Welcome

[@charzard95738]

Thank you!

[@prathameshmutkure9694]

Thanks

[@atifworld]

Thanks sir

[@ashanagur3761]

Hii for get

[@alfonsopayra]

and it's not shlas... it is SLASHHH

[@lorenllbj88]

this does NOT work for me.