Learn CORS In 6 Minutes

Рет қаралды 706,721

Күн бұрын

CORS, also known as Cross-Origin Resource Sharing, is something every web developer has to deal with at some point. Chances are if you are watching this video then you are probably dealing with a CORS error right now. In this video I will tell you what CORS is and how you can fix CORS errors.
📚 Materials/References:
CORS Blog Article: blog.webdevsimplified.com/202...
🌎 Find Me Here:
My Blog: blog.webdevsimplified.com
My Courses: courses.webdevsimplified.com
Patreon: / webdevsimplified
Twitter: / devsimplified
Discord: / discord
GitHub: github.com/WebDevSimplified
CodePen: codepen.io/WebDevSimplified
⏱️ Timestamps:
00:00 - Introduction
00:24 - Basic CORS
03:30 - Preflight Methods
05:19 - Sending Credentials
#CORS #WDS #NodeJS

Пікірлер: 644

@aplefull 3 жыл бұрын

Well.. It's easy when you actually have an access to the server. The real problem for me is when you are working with API's and run into cors. That's when i start thinking about jumping off of a bridge

@ZM-dm3jg 3 жыл бұрын

This. When CORS comes up from an external API and it's not supposed to, blood pressure spikes instantly lul

@andrewv8548 2 жыл бұрын

just gotta make a proxy

@stanleychukwu7424 2 жыл бұрын

😂😂🤣🤣🤣

@hermit41 2 жыл бұрын

Lol

@slatanek 2 жыл бұрын

Setting up a proxy is easy enough. There's plenty of Internet advice on CORS issues which is completely useless and confused. Setting up a proxy literally takes 15 min and solves the problem once and for all. You can reuse the proxy in your future projects.

@TomDoesTech 3 жыл бұрын

CORs is one of those problems that every single developer faces. Thanks for the explanation!

@Name-lt2tz 2 жыл бұрын

long time I had not faced those shitty problems. But when started develop with vue and laravel , this shit started again.

@jcpluto4555 3 жыл бұрын

Dude ive been binging your videos for weeks. Just got my CS bachelors and you've taught me more than all my professors combined. Thank You for firing up my love for frontend.

@maksimkuzmin5246 2 жыл бұрын

What is your university?

@saifsaeed1158 2 жыл бұрын

I completed CS bachelors and postgraduate degree and I can confirm it’s a waste of money and time , I actually learned from KZfaq more than I learned from my professors

@Smikisss69 2 жыл бұрын

@@saifsaeed1158 Because professors aren't supposed to teach you like people on YT does. University gives you a path and you have learn by yourself.

@FerelUltra 2 жыл бұрын

@@Smikisss69 what does 'binging' stand for?

@Smikisss69 2 жыл бұрын

@@FerelUltra watching video after video non stop

@SeanClarkeMusic 3 жыл бұрын

I've been developing for what feels like forever, and these small things (like CORS) still crop up and interrupt flow. As you point out, the solutions in reality are always simple in the end :) It's so helpful to have a quick few minute burst of solution orientated goodness. Another issue put to bed for good. Thanks man!

@AnonymousHandle628 3 жыл бұрын

Yours 30 seconds cookie part really helped me a lot. Had spend my whole morning working on cors, even read all answers on Stackoverflow and cors documentation but was still getting problem related to cookies. Your video is really a life saver and also at the best time. Really love you a lot❤️❤️

@nouraizasad4401 3 жыл бұрын

thats why i love and actually prefer watching quick tutorials instead of going through the docs, especially when i have to get the initial, basic understanding of how something works. after i have the basics right, then i view the docs to build on top of what i know.

@Golgafrincham 2 жыл бұрын

Something I have tried to understand for a while but never got it, and you manage to describe and demo it in about 6 minutes... Awesome!

@dehnhunsworth1600 3 жыл бұрын

After a year of working on native apps I come back to a web project and run into this issue immediately, then your video comes out a couple days later, Perfect!!

@gtv3582 3 жыл бұрын

You made my morning by starting off with one of my favorite spongebob clips lol.

@d.sherman8563 Жыл бұрын

It’s actually the browser which is blocking the request, not the server. CORS is a safety measure for the client, all the cors library on the server is doing is setting the response header. You can test this by replaying the same request through something like postman. I know this might seem like a semantic difference but it’s important to realise that adding the cors package to your server gives you absolutely no control over where requests to your server originate from. It only tells browsers to block requests to your server originating from another domain.

@Joselson14 Жыл бұрын

This is exactly the headache I've had for the past 3 months. I am using React (Vita) for the frontend, node in the backend and Azure AD. The browser blocks every request I perform to my AD. The temporary solution I found was to use vite as a proxy to my API's. This works well for development but before releasing for production I need to fix it and I do not even know how yet.

@d.sherman8563 Жыл бұрын

@@Joselson14 Using a proxy server is actually one of the best and most common solutions, you just don’t want to use vite dev server for it. In AWS you could use something like cloud front, or id self hosting a lightweight http server like nginx that is in front of everything else and then, for example, proxies all requests to /api to your api server, while all other routes are forwarded to your frontend ssr server. The alternative would be adding cors header to the AD endpoint is that’s possible, but I think a proxy is far more flexible. The reason the proxy server method works is because cors only affects requests from browser, end well, the proxy server isn’t a browser. You can even add restrictive cors header to your proxy server so only you frontend can call it from the browser.

@amirjosevelasquezaburdene4318 2 жыл бұрын

Solved a 2 days long headache in a simple well explained video of 6:03 minutes, bro, you are awesome! 🔥🔥

@programmingonly476 7 ай бұрын

The best thing of this channel is that you're explaining well in a simple and easy English language, keep going;

@Kglviews 3 жыл бұрын

Last year, this particular error set us(our team) back about 3-5months give or take and it really means the world to the dev community how you were able to provide a solution in a very well-explained manner. Thank you very much👏

@Kglviews 2 жыл бұрын

@@gregor3099 Couldn’t agree more

@pritamdas9081 3 жыл бұрын

Thanks man for making a separate video. Few days back I was stuck with the same and had to refer to your Spotify clone video. ❤️

@kduisheev4355 3 жыл бұрын

This is great. your shorter videos are more concise and digestable than longer ones

@calarcher4869 2 жыл бұрын

You absolutely rock. I swear half my knowledge is from your channel. Thank you so much for all you do

@SecretEyeSpot 3 жыл бұрын

omgsh.. that spongebob snippet! perfect description of my emotions with CORS. Thank you for providing the basics to understand it!

@scottlieber7985 5 ай бұрын

Have been banging my head against the table for 3 hours. Then I find your video and you fix it in 6 minutes. AHHHH, SO RELIEVED. Such gratitude! Thank you!

@johnrobertsonnocos2996 3 жыл бұрын

You are always on point with your tutorials! Great stuff man!

@thewonderinggecko818 Жыл бұрын

dude after spending hours trying to figure this out you are the only one who was able to fix the issue, Thank you!

@ahmed19567 3 жыл бұрын

I was searching up this problem this whole week and took a break when I couldn’t find it. Then this videos pops up

@matiascavalcante4698 Жыл бұрын

Thanks for explaining something that I feel often is presented in a complicated and misleading way, in a much simpler one. You explained well what the issue is and how to solve it. Keep it going that way :)

@deepakfialok Жыл бұрын

That's what exactly a doctor ordered for a busy person like us... simple explanation in 6 mins.. Good work...

@mrbruce233 3 жыл бұрын

Awesome, I've just started to learn about cors so this made things very clear. Great job

@manikandanraman 3 жыл бұрын

It was short, crystal and clear as always. Great content

@Llkc60 4 ай бұрын

working on my first project getting my head around http requests, cookies, jwt, routes all at once and on top of it I get this cors issue. I watched a few 'solutions' talking about cumbersome apis, chrome bugs, proxies. then you explain the error, show what's going on in 6 minutes: problem solved. This is how you make tutorials. to the point, no bullshit, straightforward! subscribed and thank you!

@blastingsound22 3 жыл бұрын

It was definitely simpler than I thought, thanks my friend!!

@salmanulfarisyk7428 Жыл бұрын

Thanks for taking and presenting a CORS error fix tutorial. Great!!

@sapindersingh1165 3 жыл бұрын

Kyle’s getting funnier day by day 😍

@mohamedsulaimaansheriff9787 3 жыл бұрын

Inspired from fireship

@imPriyankCoder 3 жыл бұрын

I agree he taking fireship tutorial as inspiration too bad there is less tutorial more meme and short video anyway he has to do what he has to do

@mohamedsulaimaansheriff9787 3 жыл бұрын

@@imPriyankCoder But content is best for experienced one

@adisonmasih 3 жыл бұрын

India

@mjcillo1297 Жыл бұрын

OF CORS! Thank you for this man.. you really simplify everything!

@nicolaserriquenz9905 2 жыл бұрын

just fixed my issue thanks to this video, i have been subscribed for a while, yt just recommended and it was so helpful, ty

@fernandoflores8449 3 жыл бұрын

I had those issues like a week ago, so it would have been really nice having thid video then. But still its really good that you did it now, so other ppl dont have to struggle so hard with it

@PedroSilva-te5vl 2 жыл бұрын

Thank you, this should be something that should be part of all web dev courses

@amrutaghate5041 3 ай бұрын

this helped me understand and fix a cors error - thank you!

@MiSt3300 3 жыл бұрын

This is a wonderful video, I've actually searched for this problem many many times before and it has been very frustrating. I bet many people will find it very useful! Thanks Kyle!

@srinathsathyanath7435 3 жыл бұрын

Damn man. You're doing the right thing with your videos. As a developer these videos add value than learning some exotic programming language. Great job Kyle 🔥

@rudy-anconi 4 ай бұрын

You saved my life! Thank you for the good content my friend. Keep strong!

@danielcolmenares2168 3 жыл бұрын

Best intro ever! Great video, thanks!

@Montagious 3 жыл бұрын

Clear and concise!! Thanks Kyle!

@frankdrolet9439 2 жыл бұрын

Bro you're the best, never stop what you're doing for the developer community!

@mouhamaddiop1144 3 жыл бұрын

Very simple and efficient. Thanks a lot Pr Kyle.

@jackhaugh4198 3 жыл бұрын

What a perfectly timed video - thanks!

@patrykkowalski8355 2 жыл бұрын

omg you're the best man, had today an issue with my first node app, as well as i wanted to make whitelist of the domains that cors allow to use, and because of ur video i've made it

@bhaveshgavali531 Жыл бұрын

Thanks man...generous people like you help me to get closer to my goal ...thanks

@Ivoshevo 3 жыл бұрын

wow you are so good. I knew how to use cors but i never knew that small trick about cookies. Thank you a lot Web Dev Simplified. Your free videos on react helped me a lot and i am now on my second job as a full stack React developer :)

@invalidaccount6147 3 ай бұрын

When I simply searched about this problem on YT. The algorithm just gave useless videos. And here I suddenly found THE perfect video just randomly scrolling your channel's videos. 😐

Жыл бұрын

More simple than ever!! Thank you

@shihabshohaul2469 3 жыл бұрын

I love the way you're getting funnier + skilled every single day!❤️

@juergenstenzel7300 2 жыл бұрын

very good video. You speak fast but very clear. Even as a non native english speaker from germany, it's easy to follow you. Very good.

@shubhamnazare3525 3 жыл бұрын

Amazing video as always!

@azeriwindowoz 2 жыл бұрын

Just thank you! You really simplify web for us!

@Nleil 2 жыл бұрын

Finally, I found this video, I am stuck here for days and found out a lot of useless solutions... Thank you from my heart.

@akashsarki Жыл бұрын

Dude you make things soo much clear.

@andresfelipesalcedosalas8235 2 жыл бұрын

Really nice man, Helped me a lot!

@indurkar4338 3 жыл бұрын

Kyle, thanks for explaining this complicated error so simply😍

@satyamshah9164 3 жыл бұрын

That intro part, that was actually my condition before watching this video. Thanks for making this video

@casm101 3 жыл бұрын

I haven't even seen the video yet, but this video is something that everyone needs.

@chinesebaloni 2 жыл бұрын

Really clear and consise. loved it

@Devgranty 2 жыл бұрын

From the depth of my heart, THANK YOU SO MUCH!!!

@murtaza4989726 2 жыл бұрын

So, simply put. Thankyou for the wonderful explanation.

@TuanNguyen-ls6hm 2 жыл бұрын

This tutorial help me a lot. Thank you so much.

@Himanshu-qr1ww 3 жыл бұрын

If you've just posted this video starting of this week....it would have saved me a lot of time..... I've been struggling with CORS this whole week..... I had to read all the documentation and experiment with everything to get to understand all these....😑😑

@navenocendikiawan 2 жыл бұрын

It was so frustrating, but hey it's definitely much simpler than I thought! Thanks!🙏

@kai.m 2 жыл бұрын

Man, your videos are amazing. Thanks so much!

@berk473 Жыл бұрын

Your videos are the greatest!!!! So helpful

@floridaman964 2 жыл бұрын

Showed my office that intro and they loved it. We've been dealing with CORS issues / third-party APIs for the past week. Picture an office of Patricks smashing PCs.

@MourideGoor 2 жыл бұрын

you just save my life ! Thanks for this great explanations !

@benny-wagner 2 жыл бұрын

clear and simple. left an abo!

@Vartulpandey Жыл бұрын

Thanks for the Solution. Stuck with cors for a long time🤩

@keepitsimple612 3 жыл бұрын

Great video mate, thx for the quality content

@pasinduprabhashitha8752 3 жыл бұрын

Well simplified explanation!🔥

@mrfoxtrot1824 Жыл бұрын

Man, you're a hero! Thanks!

@olegparamonov7670 2 жыл бұрын

Thanks a lot Kyele for such video. It helped me!🤝💪👍

@e.v.f595 Жыл бұрын

Love you man!! Thanks a lot

@andersoncdz1 Жыл бұрын

Dude, you are amazing. Thanks for share your knowledge with us.

@fartasmouad4334 Жыл бұрын

One of the most useful videos in web development, thank you so much bro

@makucode 2 жыл бұрын

Amazing video, I've been struggling with CORS for the past few months, but this solved literally every problem I had with it 👍

@TheHuntingSpot 2 жыл бұрын

Thanks! I'm not sure if you remember but I emailed you asking for this video. Well done :).

@SkylineTwitch 2 жыл бұрын

Im french and the video is more comprehensive than some french vidéos. Thank you

@fmaciel2 2 жыл бұрын

Dude, you are a life saver! Thanks, man!

@ulvidamirli2758 2 жыл бұрын

Thank you for all great contents!

@GianniKoch 3 жыл бұрын

You made my day… week… month… year… probably my whole life so much easier 😂😂 thanks btw! Nice tutorial!

@lidipm8748 Жыл бұрын

I am completely nov here, but could understand every step. Thank you for such a great explanation :-)

@kaleemahmad3599 3 жыл бұрын

Video was very helpful. Thank you

@aidin3186 Жыл бұрын

you are officially my hero now, you saved me from a stroke right there, love you dude🤩

@HassanKhan-vc6ij Жыл бұрын

if you're having stroke go to doctor then

@Luna_Kari1 5 ай бұрын

thank you for your clear explination

@djelasrca8091 Жыл бұрын

O men you saved my day. This is so comprehensive. Thank you

@karimkazia 11 ай бұрын

awesome video. thank you!!

@user-vw6rt8re8x 2 жыл бұрын

It’s so helpful!! Thanks!

@Rexetorize 3 жыл бұрын

Kyle this video helped me so much brooo! ❤️❤️❤️

@datwilliama2 3 жыл бұрын

it’s awesome, thank you a lot Kyle

@CMDying 9 ай бұрын

Great video, thank you!

@rohitsengar100 2 жыл бұрын

I've reached almost resources but I was not getting a proper solution. But your video gives me a solution. thanks

@yuvrajagarkar8942 2 жыл бұрын

Thanks really needed this topic

@zachrustick8075 2 жыл бұрын

This helped me an indescribable amount. Bless you.

@PheezxCoding 2 жыл бұрын

Amazing! Super helpful!

@piusvictor8780 3 жыл бұрын

Mr. Simplified, you did a great job👏👏

@ananthraghav9796 Жыл бұрын

Super simple explanation with demo

@mohammedabdulaziz3658 2 жыл бұрын

Awesome, Well explained!

@sa190276 2 жыл бұрын

Great content, awesome presentation!

@JamesQQuick 3 жыл бұрын

Thanks Kyle!