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