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 )
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.
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!
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
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
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
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 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
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
@@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?
@@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.
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 )
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.
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 😅
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!
love it, searched about it so long and you explained it so simple :) i hope i will learn from you alot
Fantastic solution! Trying to learn and get my head around everything, and I've found gold in your channel :) Subbed!
Yooooooo!!! you just save my life!!! thank you for this video!!!!!
Thanks for this great video👍
Just THANKS !!!
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
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
@@AlexMercedCoder Thanks. I'm working that out now. Subscribed and looking forward to your the video
@@asylux1096 ruclips.net/video/wCO4ZLJEDB8/видео.html
Thank you so much sir finally resolved
Thanks for this man
How would this change with a POST instead of a GET?
You’d make a post route in express that in turn makes a post request to the third party api
Thanks!
Does this solution work with POST method?
Thanks a lot for this video. :)
So proxy server's address should be allowed in main server cors right?
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
thank you!!
how do I add the server.js file to my app.js in react?
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
@@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
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.
@@AlexMercedCoder How separate express app will help react app to connect to backend?
@@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
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
Solution at 3:20
so i need to install stuff to make this work? I cant just make it simpler?
What you trying to make work
@@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?
@@Pspisripoff you can use cors anywhere which are pre-built proxybserers fr basic requests, just google does anywhere
@@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?
@@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.
what about setting up a websocket server
Haven't tried it
I think I have a video on socket.io somewhere
I don't have listen
its not working
I don't understand why there are so many good comments here, I tried it with several public APIs and none worked
MVC!
I can contact you please I have a video that shows what I mean