Cross Origin Resource Sharing (Explained by Example)

If you ever go a website and there some images you liked to reference in your page or blog. You would copy the link, and put in your blog. Only to find out that the image is broken? You copy the link again and paste it in URL and it opens fine?

This is an effect of CORS or Cross Origin Resource Sharing. In this video, we will discuss the main errors that you get as a result of CORS and we will fix them by Example.

Jump codes for your convenient
0:00 intro
03:00 Direct same origin access
04:00 No 'Access-Control-Allow-Origin' header is present
08:10 The ‘Access-Control-Allow-Origin' header has a different value from the origin
10:10 OPTIONS 405 Method not Allowed (Preflight failed)
17:00 Response to preflight request did not pass No 'Access-Control-Allow-Origin' header is present
19:00 Request header field “Content-Type” is not allowed

Stay Awesome!
Hussein

[hnasr]

Jump codes for your convenient
03:00 Direct same origin access
04:00 CORS Policy Error #1 - No 'Access-Control-Allow-Origin' header is present
08:10 CORS Policy Error #2 - The ‘Access-Control-Allow-Origin' header has a different value from the origin
10:10 CORS Policy Error #3 - OPTIONS 405 Method not Allowed (Preflight failed)
17:00 CORS Policy Error #4 - Response to preflight request did not pass No 'Access-Control-Allow-Origin' header is present
19:00 CORS Policy Error #5 - Request header field “Content-Type” is not allowed

[LetsBuildThatApp]

We need professors like you in our universities, enthusiastic and full of energy.

[FadiYoosuf]

Watching this in 2022. You had only 3215 subscribers 4 years ago. This is really an inspiration

[yumengsi]

Finally someone can explain these things clearly, thank you!

[dawid_dahl]

This is my new favourite programming channel on Youtube. Finally someone who actually knows what they're talking about, and takes time to explain what's going on from first principles.

[aminomar]

I had the same problem, searched the web, they talk too much but making it more complicated than it is ! such a people usually don not understand good, because who understand can make it easier to digest not harder! "talk too much but useless!"!
you made it easy as it is ! many thanks...

[Malkit_]

Very good explanation. Best tutorial i have ever seen. Great work.

[tomr]

CORS has been confusing me for so long, but after your deep dive, I actually understand what's going on when I get these errors. Thank you so much!!

[atexnik]

I'm not a developer, but still was able to absolutely comprehend the tutorial, and that helped me to troubleshoot the application! THANK YOU!

[labixiaoxin]

Take the time to watch this video of 23 minutes, and then you won't need to waste time anymore to understand cors in the future. A well-explained detailed long video is way more valuable than short 2-3 minutes not well-explained videos / articles, because you're gonna watch them again again again and again and still don't get it, until the end of your life.

[shubham_srt]

these type of explainations are what a student wants! showing the wrong thig too! Having knowledge and Teaching both are different skills. Wonder when will Universities understand that

[lukechen]

I am saving this video. Literally couldn't figure out why I couldn't access my site between using localhost and the actual ip. Thanks again!

[nagarajunagari]

I was ZERO, after watching ur session, I'm feeling like HERO.. Thanks alot sir.. 🙏.

[ttt]

I referred many articles on this.. but nothing could give me the clearest idea like you did right here!! Thanks for the great explanation...

[akashasthana]

Hussein you're doing an awesome job explaining concepts that no one else cares explaining. Thank you.

[adityasethi]

this guy is a genius. the way you explain as a story just shows how well u understand stuff

[unknownad_official]

unique subject i think you are the only one who explained it

[nikhilraj]

Oh man! I just loved the way you explained CORS!

Never stop teaching and more importantly keep the same fun and energy! ❤

[akrylic_]

Love the charisma, I can tell that you genuinely care about making sure we understand, great job!

[fahadshovon]

I have seen this error and solved this error by using third party libraries for 2 years . Today I finally understood the concept !!!
Thanks a bunch for this great video!!