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

Ғылым және технология

Learn more at AlexMercedCoder.com
Join the developer community at devNursery.com

Пікірлер: 43

  • @andrewperez7844
    @andrewperez78443 жыл бұрын

    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 😅

  • @bianbread
    @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
    @davidconnelly2 жыл бұрын

    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.

  • @bezimiennygrzes5593
    @bezimiennygrzes5593 Жыл бұрын

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

  • @WolfeezyProof
    @WolfeezyProof2 жыл бұрын

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

  • @ankurkumar4552
    @ankurkumar45523 жыл бұрын

    Thanks a lot for this video. :)

  • @Mohammedasif-su5fc
    @Mohammedasif-su5fc2 жыл бұрын

    Thank you so much sir finally resolved

  • @bardiaazari6162
    @bardiaazari6162 Жыл бұрын

    Thanks for this great video👍

  • @muhammadazlaanzubair5426
    @muhammadazlaanzubair54262 жыл бұрын

    Thanks for this man

  • @ahmadhaikal9734
    @ahmadhaikal97342 жыл бұрын

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

  • @paras5197
    @paras51972 жыл бұрын

    thank you!!

  • @NYC_CuriousG
    @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
    @ferreolduboiscoli7 ай бұрын

    Just THANKS !!!

  • @ring11037
    @ring110372 ай бұрын

    Does this solution work with POST method?

  • @asylux1096
    @asylux10962 жыл бұрын

    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

    @AlexMercedCoder

    2 жыл бұрын

    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

    @asylux1096

    2 жыл бұрын

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

  • @AlexMercedCoder

    @AlexMercedCoder

    2 жыл бұрын

    @@asylux1096 kzread.info/dash/bejne/qXeDlryFeqiqcps.html

  • @JosephCox
    @JosephCox3 жыл бұрын

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

  • @AlexMercedCoder

    @AlexMercedCoder

    3 жыл бұрын

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

  • @JosephCox

    @JosephCox

    3 жыл бұрын

    Thanks!

  • @canalradionov
    @canalradionov2 жыл бұрын

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

  • @AlexMercedCoder

    @AlexMercedCoder

    2 жыл бұрын

    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

    @canalradionov

    2 жыл бұрын

    @@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

    @AlexMercedCoder

    2 жыл бұрын

    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

    @magicmermaidasmr

    2 жыл бұрын

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

  • @AlexMercedCoder

    @AlexMercedCoder

    2 жыл бұрын

    @@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
    @mdmohiuddin31413 жыл бұрын

    what about setting up a websocket server

  • @AlexMercedCoder

    @AlexMercedCoder

    3 жыл бұрын

    Haven't tried it

  • @AlexMercedCoder

    @AlexMercedCoder

    2 жыл бұрын

    I think I have a video on socket.io somewhere

  • @Pspisripoff
    @Pspisripoff3 жыл бұрын

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

  • @AlexMercedCoder

    @AlexMercedCoder

    3 жыл бұрын

    What you trying to make work

  • @Pspisripoff

    @Pspisripoff

    3 жыл бұрын

    ​@@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

    @AlexMercedCoder

    3 жыл бұрын

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

  • @Pspisripoff

    @Pspisripoff

    3 жыл бұрын

    @@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

    @AlexMercedCoder

    3 жыл бұрын

    @@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.

  • @africanchina1
    @africanchina12 жыл бұрын

    Solution at 3:20

  • @helowot899
    @helowot899 Жыл бұрын

    its not working

  • @helowot899

    @helowot899

    Жыл бұрын

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

  • @michaelbrown7667
    @michaelbrown76672 жыл бұрын

    MVC!

  • @abdoahmed1231
    @abdoahmed12312 жыл бұрын

    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
    @abdoahmed12312 жыл бұрын

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

Келесі