React App Unable to Connect to External API

Support
, ,
1

Hi, my React app on Netlify has issues connecting to an external API.

The app works fine on my development machine and is able to proxy to my API using the “proxy” property in the package.json.

But on production, I get 404 errors.

I suspect it might be my server setup. But I’m not familiar with deployment processes like proxying to API servers so will need a step-by-step guide on this.

Additional info
Site: https://proverbs-everyday-v2.netlify.app/

Errors:
image

Env Vars:

NODE_ENV: production
REACT_APP_API_APPS_URL: /api/misc/apps/
REACT_APP_API_BIBLE_URL: /api/bible/

_redirects:

/api/* https://davinas-cms.herokuapp.com/:splat 200
2

Hi @davinaleong,

Thanks for reaching out and welcome to the Netlify Support Forums!

Could you try adding the following to your _redirect file and let us know if you’re still having issues:

/* /index.html 200

Please try adding it below your current redirect rule. Additionally, please add the _redirect file to the Public folder.

After making the change, please let us know if you’re seeing the same issue.