Fix Riot API CORS error (Express Proxy Server / React Tutorial)

Показать описание

One of the most common issues with the Riot API is that you are making calls from a web client (causing the CORS error), this tutorial gets you started by creating a proxy server so you can make API calls to the riot / league of legends API like a pro! In this video I use a React frontend, but the proxy server itself should be usable for whatever frontend you determine.

Hey it's Cooper, make sure to subscribe for more full stack development content in the future!

Cooper Codes

Рекомендации по теме

Комментарии

holy video, thanks man, i had an issue with cors in a project i didn't even know a thing from express, i've learned a lot, thanks!

bomfanti

Awesome video! :D I ran into a similar issue while using another public API and this video explains everything. Thank you!

tsaqifammar

There is still a preflight call happening to the proxy server right?

yashwanthnumburi

do you mind explaining why're you still using "var" when it states nearly everywhere that it is best practice to use either "let" or "const"?

pawezawadzki

How can I deploy one of these projects to netlify?

JSingh

Hi! i have a problem, when i try to start npm ( npm start) its ocurriyng a error:

"[nodemon] app crashed - waiting for file changes before starting..."

can u help me?

diegoroman

at 22:10 when i press the button to see the 5 games my console juste write 2 times Array[ ] with nothing more. Do you have an idea of where the problem can be ??? Also very nice vids !

tytyuio

Hello, I don't know why Im not getting the package.json file when executing npm i express cors axios

azizdeghais

i have axios error but when i just past this api on google then work great

ItsMeStachu

when I make the API call to my proxy server I don't get back data from Riot I get empty objects in my array. Any ideas why?

ken

bro uploaad advance topic . like integrating ci cd rabbitmq kafka aws with react or react native

arupde

My response.data from getPlayerPUUID is returning undefined. Not sure what to do. I am able to hardcode a PUUID in for the " + {PUUID} " and it works great.

Otherwise puuid looks like this "[object%20Object]"

dakotavorbroker

Fix Riot API CORS error (Express Proxy Server / React Tutorial)

Fix Riot API CORS error (Express Proxy Server / React Tutorial)

This is why you get CORS errors sometimes

How to Fix Node JS CORS POLICY error

Fix CORS Policy issue when calling api to another domain service. reactjs (English version)

How to Remove CORS Error in Your React App

CORS Error Fix Express JS | IEMLabs

How to Solve CORS error in a React app

How to solve CORS issue in React | What is CORS error? | Fix CORS in ReactJS

CORS Error in Web API | CORS Issue Solution | Spring Boot React JS Application | Axios in React JS

Fetching data from Server and passing it to client, Proxy Server, avoiding CORS error

CORS support in Zoho CRM API

React Native solucionar problema con los CORS

React Tutorial - 16.cors and proxy

React Security - Add an API Proxy

How to handle CORS | CORS - Amazon HTTP API p9

Get VALORANT data with the RIOT API!

CORS - ¿Que es Cors y como solucionarlo?

16. React + Redux + Rails: Evitar problema con CORS en una rails API

League of Legends ReactJS - Riot API

What is the BEST ITEM in League of Legends? (Riot API Developer)

Get started with the RIOT API! Learn DATA ANALYSIS (Idea to App)

Who is the BEST CHAMPION in League of Legends? (Riot API Data Developer)

Express (NodeJS) | React | How to handle CORS in Express ?

What LANES do CHALLENGERS Play? (Riot API Data Analysis)