AM Coder - Making Your Own Proxy Server to Avoid CORS Errors

[@bianbread]

you have my love. thank youuuu so so so much! I lost 2 days on that cors problem & I was about to fall into some depression from not being able to solve it (despite the many tutorials i saw on proxy servers )

[@davidconnelly]

You are a good teacher and with a few simple tweaks I think you could be an outstanding teacher. I won't patronise you by giving you advice you never asked for but well done! That was cool.

[@andrewperez7844]

Thank you so much for this. Had no knowledge of the backend yet, and this content solved the problem I was having for a couple hours 😅

[@NYC_CuriousG]

It’s hard to find a solution for CORS & Wordpress. This video helped me understand it a bit more. I wished you showed us the error first and then fixed it.. Thanks though!

[@ferreolduboiscoli]

Just THANKS !!!

[@bardiaazari6162]

Thanks for this great video👍

[@bezimiennygrzes5593]

love it, searched about it so long and you explained it so simple :) i hope i will learn from you alot

[@ahmadhaikal9734]

Yooooooo!!! you just save my life!!! thank you for this video!!!!!

[@ring11037]

Does this solution work with POST method?

[@muhammadazlaanzubair5426]

Thanks for this man

[@WolfeezyProof]

Fantastic solution! Trying to learn and get my head around everything, and I've found gold in your channel :) Subbed!

[@Mohammedasif-su5fc]

Thank you so much sir finally resolved

[@asylux1096]

I like this tutorial however, I'm not quite that advanced. What I am trying to do is make a cors proxy that allows me to run Logseq, which on their site recommends an isomorphic-cors proxy, which I just can't seem to get to work. The question I have is if you have a web app, like Logseq, that requires you to add a Custome CORS proxy server in the advanced area, is this possible using this method? And if so, what would I paste into the ( const response = fetch () ) area of the code. It's that part that confuses me. Thanks. Great tutorial by the way! I work mostly in GO these days, so I'm ok in Javascript but not that great. lol

[@AlexMercedCoder]

I think I have a newer video on this, but you could make a proxy server with a Go framework like echo. Just deploy a micro service that solely has one route that when request makes the request to the Logseq and returns the results in the response then you won’t need JS to do it

[@asylux1096]

@@AlexMercedCoder Thanks. I'm working that out now. Subscribed and looking forward to your the video

[@AlexMercedCoder]

@@asylux1096 kzbin.info/www/bejne/rXSyZY2Cf6p3eJo

[@africanchina1]

Solution at 3:20

[@musabmohammed7973]

So proxy server's address should be allowed in main server cors right?

[@AlexMercedCoder]

The proxy server isn’t a front end app so no cors when it communicates with main server that’s why you need to proxy server as a runaround cors

[@paras5197]

thank you!!

[@ankurkumar4552]

Thanks a lot for this video. :)

[@JosephCox]

How would this change with a POST instead of a GET?

[@AlexMercedCoder]

You’d make a post route in express that in turn makes a post request to the third party api

[@JosephCox]

Thanks!

[@canalradionov]

how do I add the server.js file to my app.js in react?

[@AlexMercedCoder]

You can’t, it would be seperate express app to act as a go between, if your using Netlify or Vercel you can use their serverless functions feature. Watch my video on Vercel functions or Netlify functions that may be the better alternative to creating a proxy

[@canalradionov]

@@AlexMercedCoder would you mind in elaborating a little more? i'm actually front end dev and just trying to make an api work in my js

[@AlexMercedCoder]

There is NO way to reliably work around CORS protections in the browser the ONLY way is to write some backend code somewhere that makes the API call outside the browser which means either your own mini backend app (proxy server) or using Serverless functions. Either that or use another API.

[@magicmermaidasmr]

@@AlexMercedCoder How separate express app will help react app to connect to backend?

[@AlexMercedCoder]

@@magicmermaidasmr well, the story here is that cors doesn’t apply to sever -> server requests only to Frontend -> server requests so by doing the cors blocked requests from an express server you avoid the cors blocking, then you can make sure the express app has the right cors permissions for your react app to make a request. The result is React -> express server -> cors blocked api The express server (or any backend server) interjects in the middle to make the call to the api and then return the data

[@mdmohiuddin3141]

what about setting up a websocket server

[@AlexMercedCoder]

Haven't tried it

[@AlexMercedCoder]

I think I have a video on socket.io somewhere

[@Pspisripoff]

so i need to install stuff to make this work? I cant just make it simpler?

[@AlexMercedCoder]

What you trying to make work

[@Pspisripoff]

​@@AlexMercedCoder Im accessing API from a dictionary with React, but unless I have CORS plug in or I use that slow link before the API link,, i cant access the data.. Fetch 33.. So, I m trying to find a way to make a proxy without multiple files, installing dependencies and such things.. Is there a way?

[@AlexMercedCoder]

@@Pspisripoff you can use cors anywhere which are pre-built proxybserers fr basic requests, just google does anywhere

[@Pspisripoff]

@@AlexMercedCoder You mean CORS plug in? What if I upload my app as a website? Or you mean that "link" you add in front of the API link?

[@AlexMercedCoder]

@@Pspisripoff you mean like a chrome extension plugin, avoid those. They fix the problem on your computer but doesn't fix it for other people visiting your site which can be misleading. Cors errors can only truly be fixed by either, the creator of the API adding the appropriate headers to their API for the level of openness they want or a proxy server.

[@deabitist]

its not working

[@deabitist]

I don't understand why there are so many good comments here, I tried it with several public APIs and none worked

[@gevorggevorgyan8099]

I don't have listen

[@michaelbrown7667]

MVC!

[@abdoahmed1231]

I have a question please When I use a proxy server and I follow people on Instagram, the follow-up is not done, for example, I have 5 followers on Instagram and I request to follow 100 people, that account is not done, they are still following 5 people, I just want to know how this happens, can the effect of the reverse proxy or forward proxy or requests sent can be redirected please help me. I was using apache server and squid

[@abdoahmed1231]

I can contact you please I have a video that shows what I mean