My React App is unable to Connect to an External API

Support
, ,
1

Hello, I am having trouble with fetching my external API information on production in netlify, but locally on local host I am not experiencing any problems especially using the “proxy” use case on package JSON . I looked up on the internet for solutions and the one that keeps on reappearing is this code below on nelify.toml file:
[[redirects]]
from = “/api/*”
to = “https://api.deezer.com/:splat”
status = 200
force = true

[[redirects]]
from = “/*”
to = “/index.html”
status = 200

But this too is not working so do you have any solution? The external API as you can see above is a deezer api.

2

Hi @Luthando496 :wave:t6: , welcome to the forums and thanks so much for reaching out! How exactly are you trying to deploying your app? If you used create-react-app then you could just run npm run build then upload the contents of the build folder to your server

3

I used npx create-react-app. I did the run build and uploaded it, still not working. I uploaded it via github still not fetching the api.

4

hmm okay. Can you share your site name/slug please?

5

I’m actually having the exact same problem with the deezer api. Did you figure out how to make it work?

6

@radiotryne, please share site details.