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