How to create a proxy to access an external API?

Question

I am trying to access an API with my react application. Specifically, I am trying to access the IGDB API. Since I am getting CORS errors, I am trying to set up a proxy as mentioned on their website: https://api-docs.igdb.com/#cors-for-js-ionic

I am unable to set up this proxy to get bypass this. Would something like AnyProxy work?

Are you trying to access an external api on a dev environment? If you are, you can add a proxy field to your package.json and that'll avoid CORS issues. More info found here - https://facebook.github.io/create-react-app/docs/proxying-api-requests-in-development — Shawn Yap, Apr 17 '19 at 19:35
What domain would I put under this proxy parameter? I am trying to access https://api-v3.igdb.com/games — Lewis Menelaws, Apr 17 '19 at 19:38

score 3 · Answer 1 · answered Apr 17 '19 at 19:45

3

Expanding on my comment on proxy here for better view.

Here's an example of how that might look like.

package.json

{
 "proxy": "http://api-v3.igdb.com"
}

fetch.js

function fetchGames() {
 fetch('/games')
}

answered Apr 17 '19 at 19:45

Shawn Yap

969
7
12

Whenever I do this, it still tries to send through `localhost:3000` – Lewis Menelaws Apr 17 '19 at 19:45
Have you tried rebuilding your project? – Shawn Yap Apr 17 '19 at 19:47
@Lewis Was your problem solved? – Shawn Yap Apr 18 '19 at 15:21
Hi Shawn, thanks for the reply. My solution was to use cors-anywhere. That way it was easy for me to test in development. – Lewis Menelaws Apr 18 '19 at 15:35

score 0 · Accepted Answer · answered Apr 24 '19 at 18:53

0

This question drove me crazy. I decided to CORS Anywhere. Essentially, you use it as a gateway between your development environment and the public API you are trying to consume. For me doing this: https://cors-anywhere.herokuapp.com/https://api-v3.igdb.com/games/?search=Halo

was the solution to my error.

answered Apr 24 '19 at 18:53

Lewis Menelaws

1,186
5
20
42

I refuse to believe this is the only solution. Crazy! – mufasa Nov 19 '20 at 13:50
This method has security risks, as it is public – MintWelsh Apr 08 '21 at 16:05

How to create a proxy to access an external API?

2 Answers2