Access to fetch has been blocked by CORS policy: No 'Access-Control-Allow-Origin' - FIXED!

Access to fetch at 'localhost:4000/api/courses' from origin 'localhost:3001' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.
NOTE: You can also try: Chrome Browser FLAGS fix: • CORS policy Chrome Bro...
codes:
- npm install cors
- const cors = require('cors');
- app.use(cors());
Solution!

[@dreadrockadrian]

You have it turned around. You're ONLY allowed to fetch data from the same site. Its a Cross Origin problem - hence CORS.

[@oscheka]

Thank you very much. Have searched the web for hrs and finally got to solve it using your technique

[@snehanigam4489]

i am not using any api in my project but i want to fetch data from database to show it on my frontend i am facing cors error will this work for me

[@marcelomoraes1341]

Man! You're a genius! Thank you so much. Great video and strict to the point!

[@jamshidabdukarimov8946]

Briliant, just what I needed! Thank you bro

[@informativeKarachiWala]

Bravo...! This helped me alot... Thanks Buddy for the help

[@GamerDmitri_aka_fruitloaf]

You are very welcome =)

[@stinasmeds3120]

Excellent, just what I needed! Thank you

[@AkashDabhane10]

Thanks man❤, I was solving this issue from two days and finally have fix it.

[@sundar0727]

Me to bro

[@Anas-gs8xh]

Thanks pale, you're a life savior

[@sagarsonkar6961]

ReferenceError: require is not defined

[@mdzaidsiddiqui4262]

What should I do if I'm fetching data from an online API to my localhost and get this error?

[@CoderDmitri]

can you provide an API that causes this?

[@rasuliskandarov9023]

solution here.
stackoverflow.com/questions/67661993/cors-issue-in-public-api-call-from-angular-but-works-fine-directly-from-browsers

[@zarzzzar]

What if it says require is not defined?

[@queenofsheba8275]

when i add "const cors = require('cors')"; i get a nodemon error : "[nodemon] app crashed - waiting for file changes before starting...", and it does not fix the original error either.. why is this happening

[@CoderDmitri]

try npm i cors, and try to position code in different locations, like after all other app.use() or after all imports , cause sometimes it affects it

[@queenofsheba8275]

@CoderDmitri thank you. It was the position that was the problem .

[@joaquincataldo8046]

thanks man ! useful and straight to the point

[@cps7257]

i have to comment and like ur vid. It saved my life

[@maksudurprio9260]

Hi i 've used cors already. And i deployed my server on vercel. Still i 'm having that error. Can u help me?

[@BEEKESHAVTOMAR-rc9ks]

Was your error solved, I am getting the same error now, Please help if it is solved

[@ishadii]

@@BEEKESHAVTOMAR-rc9ks i'm getting the same

[@Daniel-dy2te]

Thanks, helped me a lot!

[@cryptic-menace]

Thanks bro ,🎉 you've saved me

[@tiagoblauth10]

You saved another dev, many thanks

[@anantjain9679]

after installing cors , i didnt got server.js , where to get server.js

[@rimabouazra3105]

did u find a solution?

[@johnxina3536]

Thank you very much

[@brightnessoflife3594]

Thank you for this great informative video.

[@wandersongomes8405]

Valeu irmao. Era justamente isto que eu estava procurando. Muitissimo obrigado.

[@CoderDmitri]

Good stuff!

[@jaafarty2673]

i thought i found the solution but still same error for cors

[@gabrielfono844]

what if I want to do it using React and php
I really need help

[@CoderDmitri]

100% works in React and Next.js, but not sure about PHP, because I don't use PHP language.

[@salimabrinsi4074]

my error is fixed , thank you so much

[@user-ks7hl1zi7c]

Without providing the requested files, any further actions are impossible. All further messages from you will be ignored.

[@joelohkaishunhiroyukifujik5700]

Sorry can someone help me, my code shows that require is not defined

[@furkaneravsar9627]

Thanks man. You are a savior :D

[@062_ankitkumar6]

it worked.thanks man

[@CoderDmitri]

Excellent! Well done for not giving up and searching for solutions! =)

[@adolfotux]

Thx, it works.
Also, i found another solution, so you don't need to install cors dependecy, but, only works If your server is express.js based.
app.use(function (req, res, next) {
res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
next();
})

[@pierrot1255]

Thank you so much for your help!

[@user-so8xc6nq5x]

Не роботает

[@CoderDmitri]

make a video with errors you are getting, let me have a look

[@user-so8xc6nq5x]

@@CoderDmitri React и PHP интегрируем бекенд и фронтенд. Сюда зашёл посмотрел там всё работает.

[@user-bt6bo8lb4l]

very helpful Dimitri

[@frostplays4911]

what app r u using?

[@CoderDmitri]

ditto, copy and paste clip board manager... ditto-cp.sourceforge.io/

[@shekhar4319]

Thanks a lot and nice thi9ng is that u r straight to the point

[@Podcast_Shorts591]

How to make same thing in nextjs

[@laflame1896]

Thank you so much!

[@CoderDmitri]

welcome!

[@programming-with-suraj]

help me bro , this is not working

[@sunilvarmanandyala1278]

Same bro not working 🥲

[@midlton555]

THANK YOU

[@RiyazBaig-yq9fy]

hey bro I want Server.js and App.js coding

[@jyotikamat1787]

Thank you , error resolved

[@malekalbawaih]

thank you so much

[@mustaphaloabar8430]

hey you loooooooooooooooooooove u biggggggg respect

[@CoderDmitri]

[@roeko10]

You saved me! thanks!

[@unbreakablejourney2432]

it work. thanks dude

[@felipefregginrules]

THANK YOU SOOOO MUCH!

[@yashgaikwad2924]

Thank you

[@talipckl]

this is not wroking in heroku backend project haaa

[@075_mmshahriarshakil2]

thanks man u save my one day

[@ritulbhatnagar1502]

thanks 🙏🙏🙏

[@CoderDmitri]

Welcome

[@albertnt7327]

THANK YOU !!!

[@mirzamurodrahimberdiyev3869]

thank you bro

[@GamerDmitri_aka_fruitloaf]

you are very welcome =)

[@rafikzahra6379]

Thanks 🙏🏻

[@user-xs8bz6nl3y]

Thanks

[@athena76308]

Thankss 😊

[@CoderDmitri]

Glad it helped! =)

[@adameelmadani]

thanks man

[@elseri1883]

thankss man it worked!!

[@CoderDmitri]

You're welcome!

[@subbuerikinaboina1044]

Awesome awesome... 👏

[@Ari1090]

Thx

[@thecoderabbi]

FontSize!

[@mevn6807]

the best

[@user-tb3mm6dl3z]

Ща попробую

[@dharamjitsingh6505]

Zoom in

[@leotaylor9001]

Be very very quiet.

[@TheHeavyassaulter]

How do you access the god damn server, guys not everyone that watches these videos is a programmer you kjwo that right? 😅

[@rimabouazra3105]

same. can u find a solution ?

[@TheHeavyassaulter]

@@rimabouazra3105 yeah I found a solution. Just disable the damn ad blocker, they actually do this to the websites believe it or not. When I finally disabled them I could use websites again...

[@anantaprajapati6801]

thakyou

[@MotionTeds]

isnt this the same? because i use this and stil didnt work
import cors from "cors";
app.use(cors({credentials:true, optionSuccessStatus:200, origin:'localhost:3000'}));

[@nattamon59jant78]

Thank you